Didžioji dalis šių trumpų įrašiukų - tai atsakymai į klausimus, kurie buvo iškelti Peaches & Cream tinklaraščio komentaruose.
TURINYS
Kai norima sulygiuoti per vidurį puslapius, datą ar įrašo pavadinimą, visiems jiems yra naudojami kodai, vadinami CSS. Pastaruosius nukopijavus ir įdėjus į HTML/Java Script programėlę pastebėtumėte jūsų tinklaraščio šriftu pateiktą tekstinį kodo variantą. Taip būtų todėl, kad šių kodų perteikimas ir paskirtys yra skirtingos. CSS kodų vieta yra dizaino pertvarkyme (tą patį galite rasti ir rba redaguoti HTML lange mėlynu šriftu). Jeigu teko patiems tvarkyti dizainus, turėjote pastebėti pačiame gale skirtuką pavadinimu Pridėti CSS. O jei ne, paaiškinsiu, kaip jį rasti žemiau:
Eikite į TEMA >> oranžinis mygtukas TINKINTI >> PAPILDOMAS >> pačiame gale PRIDĖTI CSS.
Na, o dabar supažindinsiu jus su kodais, kuriuos naudojant sulygiuosite pavadinimus bei puslapius. Viską ką jums reikės padaryti, tai tik nukopijuoti CSS kodą ir įklijuoti jį į reikiamą vietą.
Pavyzdžiai
Be kodo:
Panaudojus kodą:
CSS kodas:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
.PageList li {display:inline !important; float:none !important;}
Be kodo:
Panaudojus kodą:
CSS kodas:
.date-header {
text-align:center;
text-align:center;
.post-title {
text-align:center;
}
text-align:center;
}
Du klausimai buvo susiję su fonu ir skambėjo panašiai, todėl nusprendžiau atsakymus sujungti į vieną.
~
ATSAKYMAS: fonas per visą blog'o puslapį nebus niekada, jei turimo paveikslėlio dydis yra per mažas (uždėjus bus išsidėliojęs langeliais). Tinkamiausiu fonu pavadinčiau pattern paveikslėlius, kuriuos naudojome mes Peaches & Cream. Kad ir kokį pattern foną beimtumėte, mažą ar didelį, rezultatas bus toks pat - fonas gražiai susijungs ties paveikslėlio pasibaigimu. Žinoma, jei nepatinka tokio tipo fonai, kurie atrodo žaismingai ir norite kokio gamtos vaizdo ar gėlių fono, rekomenduočiau formatą, kuris viršija 1000 (pvz. 2600 x 1600). Nors jis nebus visiškai per visą blog'o puslapį, bent jau nesimatys akivaizdžiu susijungimų ir pasibaigimų, nes bus didesnis už paprastojo dydžio fonus.
Kur ieškome fonų?
Atsakymas labai paprastas - visuose galimuose socialiniuose tinkluose. Dažniausiai tai būna tumblr, kartais ir weheartit, pinterest, tačiau pastaruosiuose susiduriame su problema dėl formato, kuris labai dažnai būna per mažas.
Hidemi rekomendacija ir patarimai
- Padėti su fonu gali šie puslapiai - photoenlarger, imageenlarger, kurie padidins jūsų turimą paveikslėlį pagal pasirinktiną dydį. Žinoma, kokybė nebus gera, bet galbūt atrodys geriau, nei per mažas grid stiliumi susijungęs fonas.
- Naudojantis pattern fonu ar be kokiu kitu, rekomenduočiau nuimti varnelę nuo punkto Slinkti su puslapiu. Taip fonas nejudės kartu, kai pėlyte sukate žemyn patį puslapį, tačiau jeigu jums netrukdo, esate sugalvoję specialių efektų ar fonas judėdamas atrodo geriau, galite varnelę palikti.
- Taip pat galite panaudoti funkcijas šalia fono keitimo - Lygiavimą ir Išklotinę, kurios kiek pakeis fono padėtį.
Pavyzdžiai:
 |
Pattern fono formatas 200 x 200, nors ir mažas, išsidėstė ir susijungė lyg būtų vienas didelis paveikslėlis. Nuoroda. |
 |
Fono formatas 1920 x 1200, išsidėstė per visą puslapį. Didžioji dalis žaidėjų rašė norinčios sužinoti, kaip pasikeisti numatytąjį žymeklį (dar kitaip vadinamą pėlyte) į savo norimą. Taip pat esu susidūrusi ir su tokiomis, kurioms įdomu, kaip padarau sniegelį. Taigi, atsakymai į šiuos klausimus slypi šiame įraše.  ~  ATSAKYMAS: siūlau užsukti į šį puslapį www.cursors-4u.com ir išsirinkti norimą žymeklio stilių. Čia jų galima rasti įvairiausių: nuo mažų iki didelių, nuo anime veikėjų iki serialų ar filmų personažų. Pasirinkus norimą, reikia ant jo paspausti. Žemiau rasite nuorodas Universal/ Tumblr/ Blogger. Šiuo atveju naudosime blogger. Nuorodą nusikopijuokite. Tuomet sekite šiuos žingsnius: IŠDĖSTYMAS > bet kurioje vietoje spustelėkite PRIDĖTI PROGRAMĖLĘ >> HTML/JAVA SCRIPT >> įdėkite nuorodą >> IŠSAUGOTI >> viršuje oranžinis mygtukas IŠSAUGOTI IŠDĖSTYMĄ = ✓ Norimą žymeklį jau turite. Jei norite, kad judant jam aplink snigtų sniegeliu, viskas, ką jums reikia padaryti yra parašyta viršuje, tik sustokime ties punktu įdėkite nuorodą. Kadangi planavau ją patalpinti čia, bet ji pasirodė per ilga, šiame įraše nukreipsiu jus į pastebin puslapį. Visą pilną kodą jums reikės nukopijuoti ir talpinti į atskirą programėlę taip pat naudojant HTML/Java Script. Būtina paminėti, kad sniegelis bus juodas, jei nepakeisite žodžio black vienoje iš pirmųjų eilučių. Jį paryškinau rusvai.
Jį galite keisti spalvų kodais su grotelėmis, angliškais žodžiais, tačiau nepamirškite, kad kabučių pašalinti negalite, nes įsivels klaida. Įdėję kodą, nepamirškite išsaugoti. Kodas štai čia pastebin.com/A4DcvmPr : ) |
Programėlės - tai dažniausiai šone matomi objektai, tokie kaip Tinklaraščio archyvas, Sekėjai, Paieška ir pan. Šiuo atveju naudosime CSS kodą:
/*sidebar widget title label
———————————–*/
.sidebar h2 {
background-image: url(pvksl.url);
background-position: center left;
background-repeat: no-repeat;
height: 45px;
padding-left: 50px;
padding-top: 20px;
}
Atkreipkite dėmesį į pabrauktąją zoną - tai vieta, kurioje turite talpinti norimą paveikslėlio nuorodą. Patarimas iš mano pusės būtų toks, kad paveikslėlis nebūtų labai didelis, nes jis iškraipys jūsų įrašo pavadinimą. Paryškintus skaičius jūs galite keisti pagal savo norus, taip pat ir laukelį background-position.
Primenu, kad jį įklijuoti reikia laukelyje, kurį surasti galite pagal šias komandas:
TEMA >>TINKINTI >> PAPILDOMAS >> pačiame gale PRIDĖTI CSS.
Ši zona yra vadinama header, t. y., tiek tekstinis, tiek paveikslėlio formato tinklaraščio pavadinimas. Ši funkcija yra labai vertinga, jei jūsų naudojamas paveikslėlis yra mažesnis nei visas tinklaraščio lapas ir jums atrodo negražu, kad jis svyra į kairiąją pusę. Šiuo atveju naudosime kodą, kurį turėtumėte klijuoti į CSS laukelį:
#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}
Šį koduką galite naudoti bet kurioje tinklaraščio vietoje pridėję HTML/Java Scripti programėlę.
<center>
<marquee>NORIMAS TEKSTAS</marquee>
</center>
Kodą, kurį nurodau apačioje, talpinkite norimoje vietoje pridėję HTML/Java Script programėlę:
<a href="SVETAINĖS ADRESAS"><img src="IKONOS ADRESAS"/></a>
Jums gali prireikti šį kodą naudoti daugiau nei vieną kartą. Tuo atveju, jei norite, kad ikonos būtų vienoje linijoje, nespauskite ENTER, tiesiog klijuokite kodą šalia ankstesniojo ir pildykite pagal pavyzdį.
Komentarų nėra:
Rašyti komentarą