Strolek och utseende kommentarsrutorna
2013-09-15 Nu ska jag berätta hur ni ändrar utseendet och storleken på kommentars rutorna.
1. ÄNDRA UTSEENDET PÅ KOMMENTARSRUTORNA
Börja med att gå in på fliken "Design" och sedan "redigera stilmallen."
För att ändra utseendet på dom så får ni lägga in dessa koder längst ner i stilmallen. Om ni inte redan har dom vill säga.
input {
background-color: #D9C596;
font-family: verdana;
color: #000;
font-weight: bold;
font-size: 10px;
border: 1px solid black;
}
textarea{
background-color: #D9C596;
border: 1px solid black;
font-family: verdana;
color: #000;
font-weight:normal;
font-size: 10px;
}
Här ser ni vad de olika koderna är till!
input{
background-color: #D9C596; <-- Här ändrar du bakgrunds färgen på rutan
font-family: verdana; <-- Här ändrar du teckensnitt på texten.
color: #000; <-- Här ändrar du färgen på texten
font-weight: bold; <-- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
font-size: 10px; <-- Här ändrar du storlek på texten.
border: 1px solid #000; <-- Här ändrar du utseendet på ramen kring ruta.
}
textarea{
background-color: #D9C596; <-- Här ändrar du bakgrunds färgen på rutan
border: 1px solid #000; <-- Här ändrar du utseendet på ramen kring rutan
font-family: verdana; <-- Här ändrar du teckensnitt på texten.
color: #000; <-- Här ändrar du färgen på texten
font-weight:normal; <-- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
font-size: 10px; <-- Här ändrar du storlek på texten.
}
NOTERA:
input styr de smala rutorna högst upp.
textarea styr den stora rutan längst ned där man skriver sin kommentar.
2. ÄNDRA STORLEK PÅ KOMMENTARSRUTORNA!
Klicka på "Design" och sedan "Kodmallar".
Ändra i högra hörnet från "Framsidan" till "Inläggssidan".
På bilden under ser du nu vart du ska ändra storlek på kommentarsrutan..
"1" Längden på rutan där man skriver in sitt namn..
"2" Längden på rutan där man skriver in sin e-post..
"3" Längden på rutan där man skriver in sin URL/bloggadress..
"4" Det första "45" är längden på rutan där man skriver in själva kommentaren. Den andra "7" är för hur lång själva kommentarsrutan ska vara.
Du ändrar alltså på 42/45 för att öka eller minska längden. Och på 7 för att ändra höjden på kommentarsrutan. Ni kanske inte precis har 42/45 och 7 i eran kodmall. Men ni ska alltså ändra på talet där! :)
"Spara kodmall".
» Emelie
Jo, det ska jag testa nästa gång! :)
» malin
-hihi!! :)
kul inlägg! :D
