design - hjelp

Hvordan få meny i sidebar!

VIKTIG: VIST IKKE KOPIERING FUNKER - PRØV Å GÅ INN PÅ SELVE INNLEGGET OG PRØV Å KOPIERE, Å SE OM DET FUNKER!

Det er noen som har lurt på hvordan jeg har fått til menyen min i sidebar, og lurte på hvordan jeg gjorde det, og kunne legge ut kodene, og selvfølgelig kan jeg det! 

Her skal man inn på: Design - rediger - maler! 

Først så trykker du på Ctrl+F, så søker du på <p>${ProfileDescription}</p> og koden du skal legge inn, skal være mellom det du søkte på, og </tag:if>

Da kan vi lime inn koden, koden er denne her; 

<a href="LINK"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br><a href="LINK"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br><a href="LINK"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br><a href="LINK"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br><a href="LINK"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>


HUSK: DU MÅ TA DET PÅ FORSIDE,INNLEGG,KATEGORI OG ARKIV!!!!!!!


Vist du trenger mere knapper, så er dette koden til en knapp: 
<a href="LINK"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>


sånn som dette vil menyen se ut. 

EKSEMPEL, MINE KODER:

<p>${ProfileDescription}</p>
</div>
<a href="http://zebrais.blogg.no/"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">FORSIDEN</p><br><a href=" http://zebrais.blogg.no/1258978875_velkommen_til_min_blo.html "><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">OM MEG</p><br><a href=" http://zebrais.blogg.no/1259485729_snn_innlegg_for_alt.html "><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">KONTAKT</p><br><a href="http://zebrais.blogg.no/outfit.html"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">OUTFIT</p><br><a href="http://zebrais.blogg.no/design.html"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">DESIGN-HJELP</p><br><a href="http://zebrais.blogg.no/video.html"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">VIDEOBLOGG</p><br><a href=" http://blogsoft.no/profile/570695 "><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">LEGG MEG TIL SOM VENN</p><br>
</tag:if>

Var dette til hjelp, eller kunne du dette?
- EMILIE

Hvordan få mellomrom mellom sidemenyen og bloggen!

Jeg fikk et spørsmål på bloggen hvordan jeg fikk mellom rom mellom sidemeny og selve bloggen. Og jo, det er faktisk ganske enkelt fant jeg ut! Jeg har søkt litt, og fant koden på en blogg! Men nå skal jeg dele den med dere. 

Dere går inn på design - rediger - stilsett. Du limer inn denne koden:

#wrapper {
font-size: 12px;
}
#footer {
display: none;
}
#main {
float: left;
background: #FFFFFF;
border: 30px solid #FFFFFF;
}
#side {
float: right;
background: #FFFFFF;
border: 9px solid #FFFFFF;
width: 200px;
font-size: 10px;
}

Og vist du ikke får dette til, kan du jo alltids kontakte meg på mongois@live.no, vist du trenger hjelp. 

Lærte du noe nytt, eller viste du dette fra før av? 
- EMILIE

HTML - hjelp

Jeg har fått koder til dere, som dere kan ta. Her er også kodene jeg bruker. Så slipper dere å lure på det. Her kommer hjelpen! - Foresten, mye av dette er tatt fra Ylva. hihi.


RAMME RUNDT BLOGGEN
 

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet. 
Koden du skal legge inn er:
border: 2px solid #000000;

Hvor legger jeg den inn?
Du legger den inn under #wrapper og #footer. Ca. sånn her skal det se ut:
(Du kan også legge koden inn under #header, hvis du vil ha en ramme rundt headeren også).

#wrapper {
background-color: #FFFFFF;
border: 2px solid #000000;
}
#footer {
background-color: #FFFFFF;
border: 2px solid #000000;
 
istedet for solid, som betyr helstrukken linje rundt bloggen, kan du putte inn disse:
dotted = prikker
dashed = streker

For å endre tykkelsen på rammen, så kan du for eks. skrive 3px eller hvis rammen skal være mindre så skrive du bare 1px. Dette kan man nå også finne på der man velger header også.



MENYEN FRA HØYRE TIL VENSTRE

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet. 
Koden du skal legge inn er:
}
#main {
float: right;
}
#side {
float: left;

Hvor legger jeg den inn?
Du legger den inn under #wrapper. 
Slik skal det se ut sånn ca:

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;



MIDTSTILLE BLOGGEN DIN 

Koden du skal bruke:
margin-left: auto; 
margin-right: auto; 

Hvor legger jeg den inn?
Den skal du legge inn under #header, #wrapper og #footer.

Slik skal det se ut:

#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;

}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;

}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;



SMAL BLOGG

Koden:
width: 610px;

Hvor legger jeg den inn?
Du legger den under #header, #wrapper og #footer. 

Slik skal det se ut da:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 700px;
}

Dette tallet kan du faktisk endre, f.eks. width: 600px eller noe ligdende. + hvor høyere talle blir, hvor større det "lille" blir. Dette kan du bestemme selv.




ENDRE "X ANTALL KOMMENTARER" 

Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler 

- Trykk på CTRL + F tasten på tastaturet. 
- Søk på "comment".
- Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> " 
- Det du skal gjøre er å endre litt på koden slik: 
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a> 

der det står "søte små", det er ett eks. Sefølgelig kan du senfdre til det du vil.



MINDRE/STØRRE SKRIFT PÅ INNLEGGENE DINE

Koden du skal bruke: 
font-size: 10pt;

Hvor skal jeg legge den inn?
Den skal du legge inn under wrapper. 

Slik for eks. skal det se ut; 
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;
}

skrift 10 er det normale, om du vil ha mindre, kan du ta til 8, eller mindre. Ops! Overskriften blir også mindre! Men kanskje du kan ta 12, så skrifter du ut bare 10 med 12.


STØRRELSE PÅ OVERSKIRFTENE :
 

Tekst størrelsen på overskriftene:

h2 { font-size: 50% }

Denne skal limes inn nederst i stilsettet !  prosenten må du nesten endre litt på, sånn att det blir sånn du vil ha det. Dette bestemmer du.



MELLOMROM MELLOM HEADER OG INNHOLD

Har du lyst på mellomrom mellom header og innhold? Da går du inn på "design", "rediger" også "stilsett".
sånn ca sånn skal det se ut:

#header {
background-color: #FFFFFF;
background-image: url(''HER ER URL'EN TIL DIN HEADER);
height: 480px;
background-repeat: repeat;
margin: 0px 0px 10px 0px; <--- HER!

Sett inn denne koden margin: 0px 0px 10px 0px; slik som jeg har gjort over. vil du ha større eller mindre mellomrom, bare endrer du der det står 10px.



FARGE BAK OVERSKRIFT

lyst på farge bak overskriftene dine?
det eneste du trenger å sette inn er: h2 { background-color: #FFCCCC; }
selvfølgelig der det står #FFCCCC; setter du inn den fargekoden du har lyst på.

det skal se ca sånn ut:

a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }
#header h1, #header p { display:none }
#header { color: #000000; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
h2 { background-color: #FFCCCC; }       <-------------------------------------------------------------- HER !
h1, h2, h3, h4, h5 { font-family: Trebuchet MS, Helvetica, sans-serif; } 

alt dette ligger UNDER #footer.



FJERNE "SISTE KOMMENTARER", "AKIV"... 

Du må først gå til maler (design -> Rediger -> Maler). 
Når du har gjort det så søker du på f.eks. 'siste kommentarer'. Da skal du finne dette fram i maler: 
<h3>Siste kommentarer</h>
  <ul>
  <tag:commentlist global="true" limit="10" sort="desc">
  <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
  </tag:commentlist>
  </ul>
  </div>

---
Dette skal du fjerne rett og slett. Det samme gjør du med 'Arkiv', 'Kategorier' osv. Du fjerner de du vil. 

Etter det så trykker du på Lagre Malen, og da skal de være borte.



BAKGRUNN SOM STÅR "FAST"

Koden: background-attachment:fixed;
Hvor skal jeg legge den?
For at bakgrunnen din skal stå fast, legg den under #wrapper {, men hvis
du ønsker at headeren din skal sitte fast, legger du den under #header {


Jeg håper dette hjalp deg! lykke til.
hits