Ändra utseendet på dina kommentarsrutor

Om du vill ändra utseendet på dina kommentarsrutor och på sökrutan, så är det inte så svårt

Man måste dock lägga in skilda koder för de smala tunna rutorna där man skriver namn, blogg, mail och sen har man en kod för den stora rutan.




Dem markerade områdena är det du kan ändra med dessa koder.

Gör så här:

1. Gå in på din stilmall.
2. Lägg in följande kod längst ner på din stilmall och spara sedan stilmallen:


Nu så är det lite olika saker du kan ändra. Den som heter input styr dem smala tunna rutorna, och den som heter textarea styr dem stora rutan.

input{
background-color: green; <— Bakgrundsfärgen på rutorna
border: 1px dashed red; <— Ramen runt rutorna (t ex solid, dashed, dotted, double)
font-family: verdana; <— Typsnittet på texten man skriver
color: white; <— Färgen på texten man skriver
font-weight: bold; <— Tjockleken på texten man skriver (normal eller bold)
font-size: 10px; <— Storleken på texten man skriver
}

textarea{
background-color: lightgreen; <—Bakgrundsfärgen på rutorna
border: 1px solid black; <— Ramen runt rutorna (t ex solid, dashed, dotted, double)
font-family: verdana; <— Typsnittet på texten man skriver
color: blue;  <— Färgen på texten man skriver
font-weight: bold; <— Tjockleken på texten man skriver (normal eller bold)
font-size: 10px; <— Storleken på texten man skriver
}



För att ändra utseendet på skicka knapparna

1. Lägg in följade kod i stilmallen, längst ner och spara.

.knapp{
border: 1px solid red; <—- Där ställer du in kantlinjen, bredd (1px), typ (solid) och färg (red)
font-size: 10px; <—- Där bestämmer du storleken på texten
background: black; <—- Där bestämmer du bakgrundsfärgen på knappen
color: white; <—- Där bestämmer du färgen på texten
font-weight: bold; <—- Där bestämmer du om du ska ha fetstil (bold) eller normal stil (normal)
font-family: verdana; <—- Där bestämmer du vilket typsnitt du ska ha på texten
}

2. Gå sedan in på kodmallen

Leta reda på kodraden som ser ut så här:

<input type="submit" value="Sök" />

Där ska du nu lägga till en liten kodsnutt som ser ut så här:

<input type="submit" value="Sök" class="knapp"/>

Klicka på förhandsgranska och se så att knappen har bytt färg. Spara sedan.

3. Nu ska vi ändra knappen som man skickar kommentaren med.
Välj Inläggssida i rullgardinen precis ovanför din kodmall.

Nu ska du leta upp kodraden som ser ut så här:

<input type="submit" name="submit" value="Skicka kommentar" />

Här ska du nu ändra där det står formbutton till knapp istället.

 Kodraden skall alltså se ut så här:

<input type="submit" name="submit" value="Skicka kommentar" />

När du är klar med det, så kan du klicka på förhandsgranska igen, och se så att knappen har ändrats, och sen så klickar du på spara.

Nu har du ändrat knapparna med.

 


Vill du även ändra på vad det står i tex sök eller skickaknappen så gör du så här:


Börja med att gå in på kodmallar inläggsida

Leta dig neråt i koden tills du kommer till ett avsnitt som ser ut så här:

<div>Sök i bloggen</div>
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Sök" />  <—- På den raden ändrar du!
</form>
För att ändra vad som står i knappen, så ändrar du i näst sista raden, där det står Sök.

 

Nu så ger vi oss på att ändra knappen som man skicka iväg kommentarer med…

Börja med att ändra i rullgardinen till Inläggssida

Leta sen upp kodavsnittet som ser ut så här:

<form action="${AppUrl}index.bd?fa=comment.insert"
name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="${CommentID}" />
<br />
<strong>Kommentera inlägget här:</strong> <br /> <br />
Namn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?<br />
<br />
E-postadress: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
URL/Bloggadress: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input type="submit" name="submit" value="Skicka kommentar" />  <—– Ändra där!
</form>

Precis som innan så är det i näst sista raden som du ändrar vad som står i knappen, och du ändrar där det står Skicka kommentar

Om du vill, så kan du ändra de olika saker som står framför varje fält. T ex Namn, E-postadress och Bloggadress. Det är bara att kika i koden och se var allt står


Hoppas det är till lite hjälp :)

Säg till om det skulle vara något som är oklart,

Lycka till!!



Kommentarer
lena säger:

tack

2011-05-13 | 16:27:52

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback