Johnson Kutije i postupci kako bi im

by flaminglacer on 23 veljača 2010
Alati

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>

Ovo je Johnson Box

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)

Thesis Clean Page Opcija

by flaminglacer on 18 veljača 2010
Alati

Ja sam zaista, ludo, duboko zaljubljen u rad - to je najbolje wordpress tema, bar ništa. To je vrijedan svaki peni sam za to plaćen. Bih platiti puno više. To je vjerojatno najvrednija investicija jednom sam ikad napravljen za moje poslovanje. Jedna od radosti je kako lahak posrijedi je to da izgleda za razliku od sebe. JA koji je potreban jednostavan, čist stranice za klijenta, s ništa na sebi, kako bismo mogli napraviti koliko smo zadovoljni preko WordPress pozadina i sa svim SEO funkcionalnost taj rad donosi plus sve ostalo. Sve što smo htjeli je sadržaj posude sa fine granice.

CSS nije jedna od mojih velikih snaga, ali sam odlučio sam imao da se pozabave ovom malom problem i dolazi do nešto korisna. To je rezultat mog rada, nadam se da vam je kao koristan kao što sam ja. Moja hvala za članove DIYthemes forumima čija kolektivna mudrost mi je pomogao da se to postigne.

Imam označen svaki zalogaj od koda, tako da možete vidjeti što to znači, i napravite svoj vlastiti promjene, prema potrebi, boje i tako dalje.

To će proizvesti čistu, praznu stranicu, bez header, navigacija, rubna traka ili podnožje. H1, H2 i H3 su stilizirani biti veće i na određene boje, a linkovi će biti označena s obojene pozadine na hover, ali te elementi mogu se izostaviti ako tako želite. Podjednako kontejner veličine i granice može se mijenjati. "komentari zatvorene 'je također uklonjen. Ako želite da napravite promjene to bi trebalo biti prilično jednostavan da vidite što vam je potrebno izvaditi.

/*---[Styling For Clean Page]---*/

. cleanpage # header (margin: 0; border-bottom: 0em;)
. cleanpage # Header # logo (display: none;)
. cleanpage # Header # tagline (display: none;)
. cleanpage. izbornik (display: none; border: none;)
. cleanpage # content (margin: 0 auto; float: none;)
. cleanpage # sidebars (display: none; border: none;)
. cleanpage # karticama (display: none;)
. cleanpage # content_box (background: none;)
. cleanpage. comments_closed (display: none;)
. cleanpage # footer (padding-bottom: 0; border-top: 0em;)

/ *- [Obojeno Pozadina za hover na linkove] -* /
. cleanpage (color: # VAŠE-COLOUR-IN-OVDJE;)
. cleanpage: hover (color:; background: # VAŠE-COLOUR-IN-OVDJE;)

/ *- [End obojeno Pozadina za hover na linkove] -* /

/ *- [Zaglavlja H1, H2, H3 Oblikovanje] -* /

. cleanpage # content h3 (font-size: 18pt; font-weight: bold; color: # VAŠE-COLOUR-IN-OVDJE)
. cleanpage # content h2 (font-size: 24pt; font-weight: bold; color: # VAŠE-COLOUR-IN-OVDJE)
. cleanpage # content h1 (font-size: 30pt; text-align: center; font-weight: bold; color: # VAŠE-COLOUR-IN-OVDJE)

/ *- [End zaglavlje h1, h2 Oblikovanje] -* /

/ *- [Container] -* /

. cleanpage # kontejner (width: VAŠE-WIDTH-IN-HEREpx; margin-top: 1em; border: 0.2em solid # VAŠE-COLOUR-IN-OVDJE;)

/ *- [End kontejnera] -* /

/ *- [End styling za čistu stranicu] -* /

Da bi ga koristili, jednostavno napraviti prilagodbe u pogledu boje itd. u kodu obzirom da odgovara osjećaju vaše stranice i zalijepite ga u custom_css datoteku. Prilikom izrade same stranice samo dodajte 'cleanpage' u css klasi okvir na stranici.

Thesis Cleam page

Možete vidjeti stvarni stranicu uzorku ovdje Thesis Clean stranicu

On svibanj neće biti u većini elegantan kod - Ja sam nijedan vunderkind tamo, ali je još jednom pokazuje kako svestrane legendaran Thesis Tema je. Ako ga nemate, napravite si uslugu i dobiti - to je novac dobro potrošen.

comments } (5 comments)

Who Is Your Website Za?

17 siječanj 2010

Tu je bilo puno farbarski događa u mom životu u trenutku - dnevni boravak i blog. Dnevni boravak je završio bliže nego blog i najnovija stvar završena mi je dao stanku za razmišljanje.
Proveo sam jučer odluka (mijenjanjem biti točno) zavjese za dnevnu sobu, jer [...]

Pročitajte cijeli članak →

Delicious Dropbox

13 siječanj 2010

Prijatelj mi je rekao neki dan, kad se raspravlja o nekim novim geekery "Mi smo toolsmiths" i on je bio sasvim u pravu. Volim novi sjajan igračke i alate. Mi smo bili raspravljajući Google Val * na vrijeme, ali alat želim dovesti na svoju pozornost danas je Dropbox - fantastičan alat za bilo tko [...]

Pročitajte cijeli članak →

Mala stvar

8 siječanj 2010

Ja sam u nešto filozofski raspoloženje danas. To je bio gore i dolje tjedan uglavnom zbog hladnog vremena koje sam mrziti, ali tri su stvari koje se dogodilo danas donio kući da me koliko male stvari stvar i dao mi je dodatnim bonusom inspiracije.
Prva stvar koja se dogodila je bio [...]

Pročitajte cijeli članak →

I'm Back!

6 sječnja 2010

Nisam ništa pošta na moj blog za dugo vremena. Ima mnogo razloga, od kojih nijedna ću ići u jer bi trajati dugo i brzo postati tužan self-opravdavaju jadikovati. To je samo način da je .
Međutim, vremena se mijenjaju, imam planove i ovaj blog je dio [...]

Pročitajte cijeli članak →

West Midlands Meetup

21 veljača 2009
Thumbnail image for West Midlands Meetup

Ive 'pravedan je dobio leđa from West Midlands Meetup u Evesham, umorni ali sretni kao što oni kažu. To je bio velik poslijepodne i kvalitetno vrijedan napor to organizira.
Mi smo bili bend odabrati sa široko raspon različitih iskustava, i sve vrste različitih spretnost setovi, ali to je za skladnu cjelinu [...]

Pročitajte cijeli članak →

West Midlands Meetup

10 veljača 2009

Ive 'bio prijeti da to učinite za vrijeme i napokon je dobio Internet sortirani! Jer svatko tko je bio u jednoj od MeetUps održavaju diljem svijeta, od vas će znati koliko su korisne - i previše zabavna. Ja sam sretna sjećanja Manchester Meetup da lansirao Trideset Day Challenge [...]

Pročitajte cijeli članak →

Turning Tabele

5. veljače 2009

To je dobro poznata činjenica da sam neobavezan divljenje Seth Godin, ono što vjerojatno ne znaš je da sam proveo posljednjih nekoliko tjedana i mjeseci postaje sve vitriolski u mom tirades protiv Numpties koji propovijedaju propast, tama i potištenost u različitim medijima - Ja sam postaje žena koja je [...]

Pročitajte cijeli članak →

Od Feeds 14 siječanj 2009

14 siječanj 2009

Ovo je lijepu malu ekstenziju za Firefox za sve one web-graditelji vani - ColorZilla pruža cijeli splav alata za analizu boje i slično na web stranicama. Izuzetno drago da se ovaj na moj prst savjeta.
Ovaj jedan je došao kao nešto iznenađenje za mene - nisam ni ostvariti ovu [...]

Pročitajte cijeli članak →