Cum se instalează butoanele sociale într-un singur rând

Cum se instalează butoanele sociale într-un singur rând

Prin încercare și eroare, totul a devenit așa cum am vrut. Un astfel de mic, dar succes :) Acum, mai aproape de punct.

De ce am decis să fac butoanele într-un singur rând. Pentru că atunci când se află sub ele, nu este frumos și acest lucru rănește întreaga pagină. Eu însumi sunt o persoană îngrijită prin natură și vreau același lucru pe blogul meu.

Așa cum am spus, sunt total zero în toate aceste coduri și etichete, deși mă interesează într-un fel. Din moment ce acest gând nu ma deranjat, am decis să citesc instrucțiunile de instalare pe Internet ...

Cum se instalează butoanele sociale într-un singur rând

La prânz nu vreau să îi jignesc pe cei care au scris instrucțiunile lor, poate că toți s-au dovedit, dar nu și pe mine. În ciuda mâinilor mele directe, toate încercările de a realiza dispunerea butoanelor într-un rând au fost încorporate cu eșec. Instrucțiunile au fost foarte complicate. Și deocamdată am marcat chiar și în această privință.

Într-o seară bună, inspirația mi-a venit, pentru că sunt un blogger, atunci am nevoie de cunoștințe elementare despre HTML și CSS. Totul a fost ușor :)

Setarea butoanelor într-un singur rând

Cum se instalează butoanele sociale într-un singur rând

Am pe blogul meu 4 butoane, acesta este Vkontakte, Twitter, Google Plus și Facebook.

Pasul 2. Acum, luați fiecare cod în container astfel:

codul butonului vkontakte

codul tweet

butonul google + plus

Codul butonului Facebook

În loc de vk_like, twi, g_pl, faceți - vă puteți da numele. Principalul lucru pe care tu l-ai putut înțelege. Așa arată imaginea mea:

Cum se instalează butoanele sociale într-un singur rând

Pasul 3. Acum mergeți la lista de stil (stil.css)

La ultimul loc acest cod:

#vk_like float: left;
padding-left: 30px;
>

Valoarea flotorului: stânga - determină partea care va fi aliniată, în acest caz pe stânga. Și toate elementele ulterioare vor curge în jurul ei din partea dreaptă.

Valoarea de umplere-stânga: 30px este distanța de la marginea la primul buton, îl puteți elimina, dacă nu aveți nevoie, ștergeți doar această linie.

Mai multe articole pe această temă:

  • Cum se instalează butoanele sociale într-un singur rând
    Plugin pentru Wordpress Twitter oriunde Plus
  • Cum se instalează butoanele sociale într-un singur rând
    Cum să cumpărați în mod corespunzător link-uri pentru promovare
  • Cum se instalează butoanele sociale într-un singur rând
    Cum de a crește traficul către site - modalitățile disponibile pentru toată lumea
  • Cum se instalează butoanele sociale într-un singur rând
    Cum se face conținutul textului
  • Cum se instalează butoanele sociale într-un singur rând
    Ghid de selecție a cuvintelor cheie

Articole similare