Ako ste novi ovdje, Vas svibanj želite pretplatiti na mom RSS feed. Hvala na posjeti!
Johnson Kutije su jedna od onih stvari koje se odnosi na sve i pretpostavlja da svatko zna sve o njima i kako ih napraviti - ali u mom iskustvu oni to ne čine. Nakon što je 'čist stranici' izbor je prošlog tjedna što većina ljudi umrljan kao potencijalni prodaja / stisak stranica se čini logično da ga pratiti s malo o Johnson Kutije.
Jer onaj tko ne zna, to su oni u boji kutije s punim ili isprekidana linija oko njih da se naglasak neki tekst, obično korist od proizvoda, odnosno prodajne cijene - sve što želite privući pozornost. Oni su dokazana metoda povećanja pretvorbi. Na taj način kako činiti te ih učiniti?
Prije svega vam je potrebno malo koda da ide u svoj custom_css.php koji određuje stil i vrstu svoj box, onda Ned staviti nešto na svoju stranicu teksta koji se poziva na taj okvir.
Jednostavna verzija je ovdje dano - možete razraditi na to kako hoćete, ali to će vam dati osnovni okvir
/*--Johnson-Box--*/
div#johnson-box{
display: center;
background: #YOUR-COLOR-CHOICE-HERE;
border: YOUR-BORDER-WIDTH-HEREpx solid #YOUR-COLOR-CHOICE-HERE;
width: YOUR-WIDTH-HEREpx;
height:YOUR-HEIGHT-HEREpx;
text-align: center;
}
/*--End Johnson-Box*/
Ovo će vam dati centrirana okvir s centrirani tekst i puna linija je krug. Puna linija ne želi da bude mnogo više od 4px, a često i manje. Ako želite da razbije granice samo zamijenite 'čvrste' s 'dashed'. Ako želite tekućina visine za svoju kutiju, samo propustiti linija visine.
Da biste koristili okvir stavite u svoju stranicu slijedeći tekst (koristeći HTML editor, a ne vizualni jedan u WP)
<div id="johnson-box">
YOUR TEXT AND IMAGES HERE
</div>
To je ono što mi koristi za generiranje okvira ispod iako više uobičajena boja za granicu # cc0000
/*--Johnson-Box--*/
div#johnson-box{
display: block;
background: #f3edfc;
border: 4px dashed #cc99ff;
width: 600px;
height:60px;
text-align: center;
}
/*--End Johnson-Box*/
i to je ono što sam stavio u moju stranicu: --
<div id="johnson-box">
This is a Johnson Box
</div>
Ako želite više od jednog stila Johnson Box onda samo dajte svaki postaviti različite div ime.
Također možete koristiti inline stil, ali ne mogu naći CSS verzija lakše kada sam postavljanjem predložaka, ali zbog kompletnosti ovdje je kod koji bi koristili u html editor.
<div style="display: center; background: #YOUR-COLOR-CHOICE-HERE; border: 1px solid #YOUR-COLOR-CHOICE-HERE; width: YOUR-WIDTH-HEREpx; height:YOUR-HEIGHT-HEREpx; text-align: center;">
YOUR TEXT AND IMAGES HERE
</div>
Ovaj svibanj biti malo osnovni za neke od vas, ali nadam se da je korisno da netko tamo vani.
comment } (1 komentar)
