Advertisement
Hisabeel

Put/Remove/Edit post borders

Oct 3rd, 2017
205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.62 KB | None | 0 0
  1.     1. Encontre .entry ou #entry, ou .sidebar ou #sidebar (se o theme maker designou algo diferente e mais aleatório, então você terá que descobrir qual bloco de código pertence à secção post/sidebar);
  2.  
  3.     2. Depois de encontrar essa seção de codificação, você tem várias maneiras de colocar as bordas:
  4.         Solid: uma linha simples que pode engrossar (apenas aumente border:__px);
  5.         Double: duas linhas;
  6.         Dotted: uma linha pontilhada;
  7.         Dashed: uma linha a tracejado;
  8.         Groove: borda ranhurada a 3D;
  9.         Ridge: borda ondulada a 3D;
  10.         Inset: borda inserida a 3D;
  11.         Outset: borda que sai para fora fazendo uma dupla mas mais afastada;
  12.         None: sem borda;
  13.         Hidden: uma borda oculta.
  14.  
  15. Além disso, você pode arredondar as bordas de algo, com isto:
  16.     border-radius:5px; (você pode mudar o número, é claro)
  17.  
  18. Para a parte superior esquerda:
  19.         border-top-left-radius:5px; (você pode mudar o número, é claro)
  20.  
  21. Para a parte superior direita:
  22.     border-top-right-radius:5px; (você pode mudar o número, é claro)
  23.  
  24. Para a parte inferior esquerda:
  25.     border-bottom-left-radius:5px; (você pode mudar o número, é claro)
  26.  
  27. Para a parte inferior direita:
  28.     border-bottom-right-radius:5px; (você pode mudar o número, é claro)
  29.  
  30.  
  31. Veja este post para mais coisas: https://www.w3schools.com/css/css_border.asp
  32.  
  33.  
  34. x ----------------------------------------------------------------------------------------------------------------------------------- x
  35.  
  36.  
  37.     1. Find .entry or #entry, or .sidebar or #sidebar (if the theme maker named it something different & more random, then you’ll have to find out which block of code belongs to the post/sidebar section);
  38.  
  39.     2. Once you find that section of coding, you have several ways to put the borders:
  40.         Solid: a simple line that can thicken (just increase border:__px);
  41.         Double: two lines;
  42.         Dotted: a dotted line;
  43.         Dashed: a dashed line;
  44.         Groove: 3D grooved border;
  45.         Ridge: 3D ridged border;
  46.         Inset: 3D inset border;
  47.         Outset: border that comes out making a double but further awayr;
  48.         None: no border;
  49.         Hidden: a hidden border.
  50.  
  51. Also, you can round the borders of something, with this:
  52.     border-radius:5px; (you can change the number, of course)
  53.  
  54. For top left:
  55.         border-top-left-radius:5px; (you can change the number, of course)
  56.  
  57. For top right:
  58.     border-top-right-radius:5px; (you can change the number, of course)
  59.  
  60. For bottom left:
  61.     border-bottom-left-radius:5px; (you can change the number, of course)
  62.  
  63. For bottom right:
  64.     border-bottom-right-radius:5px; (you can change the number, of course)
  65.  
  66.  
  67. See this post for more things: https://www.w3schools.com/css/css_border.asp
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement