Tips om stilmall & kodmall
2007-12-02 @ 01:53:00
Stilmall - Här bestämmer man hur allting ska se ut med exempelvis textstilar, färg, storlek osv.
Kodmall - Här bestämmer man vart allting ska sitta och vad det ska innehålla.
Body ~ själva kroppen på designen - här lägger du in bakgrundsfärg/bild exempelvis
Wrapper ~ Ramen runt designen där headern, sidmenyn och inläggen ingår
Header ~ header kort och gott
Side ~ Sidmenyn där man oftast har profilbild, infotext, senaste inläggen, kategorier m.m.
Content ~ Ramen för alla inläggen du skriver på din blogg
a {color: #535353;} bestämmer färgen på alla överblivna länkar
a:hover {color: #a78d8d;} bestämmer färgen på alla överblivna länkar när du håller muspekaren över
h1 & h2 - bloggnamn och bloggbeskrivning som ligger i headern som standard
h3 - inläggsrubriker
.navheader - rubriker i menyn
.nav - övrigt text i menyn
.nav a & .nav a:hover - länkarna i menyn
/** Post's body text **/ - Inläggstexten
/**`Posted by´txt**/
.entrymeta{ - datum, tid, kommentarer, kategori m.m. efter inläggen
.entrymeta a & .entrymeta a:hover - länkarna (kategori, kommentarer m.m.)
.commentheader - Kommentarsrubriken ~ "Postat av:"
.commenttext - Själva kommentaren
.commentmeta - datum, tidpunkt, länk (url) från personen som kommenterat
.commentmeta a & .commentmeta a:hover - länkens utseende
.commentform ~ där man kommentaren skrivs
.separator - ligger oftast som en linje mellan varje inlägg
.default - styr "kommentarer" & "trackbacks" som syns när man tittar på ett enskilt inlägg
.subside - rss-ikonen
.image - alla bilder på din blogg, exempelvis så man har en bestämd ram runt varje bild
.thumbnail - de klickbara miniatyrerna
.form - alla form-koder, väger upp commentform och exempelvis sök-rutan
#profile - standardprofilen som finns på första sidan i menyn
#profile h4 - rubriken "Om" i profilen
<hr class="separator"> - koden i kodmallen som bestämmer vart separator ska ligga, går att använda i menyn för att få mellanrum. men man kan även ta bort denna kod i alla fyra kodmallar och då slippa linjen
.image & .thumbnail - i stilmallen välj här border: 0px; för att slippa någon ram runt bilder & miniatyrer
- Om man vill öka bredden width på side eller content måste även wrappern's width ökas
Ligger med hos content & side
float: left; ~ ska ligga till vänster
float: right; ~ ska ligga till höger
Texttrix:
text-transform: uppercase; ~ ger stora bokstäver/versaler
font-style: italic; ~ kursiv
font-weight: bold; ~ fetstilt om man ej vill ha fetstil skriver man bara (font-weight: normal;)
text-align: left / center / right ~ bestämmer om texten ska vara vänster-/ centrerad /högerjusterad
Border: border: 1px solid #000000; ger ram runt hela
Top ~ om den ska ligga ovanför (border-top:)
Left ~ om den ska ligga till vänster
Right ~ om den ska ligga till höger
Bottom ~ om den ska ligga under
1px - tjocklek
solid - rak linje, dotted - prickad linje, dashed - streckad linje
#000000 - önskad färg på linjen/linjerna
Padding/Margin: 0px; ger 0px i mellanrum åt alla håll
Padding: 0px 10px 5px 10px (top right bottom left)
margin - vid förflyttning av hela elementet
padding - innehållet i elementet
LÄS DETTA INNAN DU KOMMENTERAR:
- Jag gör inga gratis designbeställningar, endast gratis designer som alla kan ta del av, ibland tävlingar annars endast beställningar.
- Kopiering av mina bilder & kod är förbjudet!
- Reklam och liknande raderas omedelbart
- Bloglovin använder jag endast till mina favoritbloggar, inget annat.
- Har ni några frågor vänd er till mitt bloggsvar eller blogg@camillafamme.se
- Jag gör inga gratis designbeställningar, endast gratis designer som alla kan ta del av, ibland tävlingar annars endast beställningar.
- Kopiering av mina bilder & kod är förbjudet!
- Reklam och liknande raderas omedelbart
- Bloglovin använder jag endast till mina favoritbloggar, inget annat.
- Har ni några frågor vänd er till mitt bloggsvar eller blogg@camillafamme.se
Kommentarer
Från: Arezo
Får man ändra header? Svara gärna i en kommentar i min blogg :) Kram
Från: Jonna
Hej. Jag laddade ner din blogg design ifrån bloggdesign.nu och det har blivit lite problem ifrån de förra stilmallarna. Jag kan till ex. inte se ditt namn som "designer" utan det står någon annans. Jag vet inte hur jag får bort det. Jag kommer att göra ett inlägg där jag både länkar till den här bloggen och till just den designen. Jag undrar om det är ok om jag gör så som reklam? Eller om du kanske vet hur man byter namn. Är det ok om man skulle vilja byta header? Tacksam för svar! //Jonna =)
Från: Jonna
Det blev något jätte konstigt att jag fick radera bloggen. Ber om ursäkt att jag velat med kommentarer och så. Du behöver inte hjälpa mig, men tack ändå och du har en väldigt fin blogg :)
