2015. július 12., vasárnap

Középső és a szélső modulok szerkesztése

 Legelsőként egy olyan kóddal jönnék, aminek bárki a hasznát veheti. Nem tudom, hogy vagytok vele vagy voltatok-e már úgy ahogy én akkor, mikor a blog sablonját kezdtem el szerkesztgetni, de nagyon nagy szükségem lett volna egy kódra, amivel külön a középső és külön a szélső modulokat szerkeszthetem. Sokat kellett próbálkoznom, hogy rájöjjek, mit is kéne csinálnom, de a végén rájöttem. Még mielőtt nekivágnánk, el szeretném mondani, hogy ez talán már a haladó bloggerináknak való, vagy legalábbis ők biztosan meg tudják majd csinálni. Persze bárki megpróbálkozhat vele, maximum, ha valamit nem értetek, írjatok egy e-mail-t! 

 Mivel a kódot saját magam fedeztem fel és nem tudom, megosztotta-e valaki már, kérlek, mielőtt vinnéd jelezd és ne tüntesd fel sajátodként! A haladó/profi bloggerinák már hozzá tudnak írni ezt-azt, ez csak egy alap, ami bárki számára egyszerűnek tűnhet. 

Puszi mindenkinek,
Alice Levine

Hoztam két képet, hogy könnyebben megtalálja mindenki, mit hova kell tenni:

1. Lépés

 Ezt a kódot nem egy HTML menübe kell berakni, hanem a sablonoknál kell külön szerkeszteni. Ezt pedig úgy érhetitek el, hogy a bal oldali fülön, a Sablon menüpontra kattintotok, ahol a Személyre szabásra mentek. Ezzel a két kattintással már bent is vagytok a sablonszerkesztőben.

2. Lépés

 Nos, ha beléptetek, akkor bal oldalon kattintsatok a Speciális menüre. Sok mindent elő fog adni, de nem kell nekünk a Stíluslap (CSS) hozzáadása ponton kívül semmi más. Ezt a menüpontot legalul találjátok meg, le kell görgetni, hogy megtaláljátok. Ez után már a 3. lépés jön.

3. Lépés

 Most már nem hiányzik semmi más, mint a kód beillesztése. Ehhez természetesen bárki bármit hozzárakhat, de azt el kell mondanom, hogy ez CSAK az oldal szélső/középső moduljaira hat. Külön a modul/bejegyzés címeket ezzel a kóddal nem lehet szerkeszteni! A mögötte lévő //-ben lévő leírást töröljétek és a többi adatot szerkesszétek meg kedvetek szerint! 

.sidebar {/szélső modul/
background-color: #; /háttérszín/
width: 200px; /szélső modul szélessége/
border-top: double/solid #színkód 0px; /elválasztó vonal (felső) stílusa (dupla/egy sima, folytonos), színe és szélessége/
border-bottom: double/solid #színkód 0px; /elválasztó vonal (alsó) stílusa (dupla/egy sima, folytonos), színe és szélessége/
border-left: double/solid #színkód 0px; /elválasztó vonal (bal) stílusa (dupla/egy sima, folytonos), színe és szélessége/
border-right: double/solid #színkód 0px; /elválasztó vonal (jobb) stílusa (dupla/egy sima, folytonos), színe és szélessége/
padding-left: 10px; /ez azt jelenti, mekkora helyet hagyjon ki a modul bal szélétől/
padding-right: 10px;  /ez azt jelenti, mekkora helyet hagyjon ki a modul jobb szélétől/
padding-bottom: 10px;  /ez azt jelenti, mekkora helyet hagyjon ki a modul alsó szélétől/
padding-top: 20px;  /ez azt jelenti, mekkora helyet hagyjon ki a modul felső szélétől/
border-radius-left: 0px; /lekerekítés mértéke/
border-radius-left: 0px; /lekerekítés mértéke/
border-radius-left: 0px; /lekerekítés mértéke/
border-radius-left: 0px; /lekerekítés mértéke/ 
opacity: 0.1 / 0.9; /0.1 leghalványabb/0.9 kicsit halvány és az egész modulra hat! Szövegre is!/ }

.main{
background-color: #színkód;
font-size: 10.5px; /betű magassága/
line-height: 9.5px; /sorköz/
font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; /betűtípus/
padding-left: 5px; /ez azt jelenti, mekkora helyet hagyjon ki a modul bal szélétől/
padding-right: 5px;  /ez azt jelenti, mekkora helyet hagyjon ki a modul jobb szélétől/
padding-bottom: 5px;  /ez azt jelenti, mekkora helyet hagyjon ki a modul alsó szélétől/
padding-top: 5px;  /ez azt jelenti, mekkora helyet hagyjon ki a modul felső szélétől/
border-radius-left: 5px; /lekerekítés mértéke/
border-radius-left: 5px; /lekerekítés mértéke/
border-radius-left: 5px; /lekerekítés mértéke/
border-radius-left: 5px; /lekerekítés mértéke/ 
border-top: double/solid #színkód 0px; /elválasztó vonal (felső) stílusa (dupla/egy sima, folytonos), színe és szélessége/
border-bottom: double/solid #színkód 0px; /elválasztó vonal (alsó) stílusa (dupla/egy sima, folytonos), színe és szélessége/
border-left: double/solid #színkód 0px; /elválasztó vonal (bal) stílusa (dupla/egy sima, folytonos), színe és szélessége/
border-right: double/solid #színkód 0px; /elválasztó vonal (jobb) stílusa (dupla/egy sima, folytonos), színe és szélessége/
opacity: 0.1 / 0.9; /0.1 leghalványabb/0.9 kicsit halvány és az egész modulra hat! Szövegre is!/ }

Nincsenek megjegyzések:

Megjegyzés küldése