HTML og CSS

Hvordan fjerne linken til bloggen din i headeren?

Vis du er inne på et innlegg på en blogg og du trykker på headeren vil du merke at du kommer til forsiden av bloggen, vis du vil fjerne den linken på din blogg så folk ikke kan trykke på headeren din må du gjøre dette:
Man kan bare fjerne linken fra Maler(HTML) Innlegg, kategori og arkiv. For på forsiden så er den allerede fjerna.

Først går du til:
Design --> Rediger --> Maler(HTML)
Når du er inne på maler, søker du opp koden under.( CTRL+F )

<div id="header" onclick="document.location='${BlogUrl}';">

Du må fjerne dette:
'${BlogUrl}'

Når du har fjerna det så skal det se sånn her ut:

<div id="header" onclick="document.location= ;">


Vis du vil så kan du legge til en liten meny knapp som det foreksempel står tilbake til forsiden på
Da bare legger du til denne koden:

<div class="underlinemenu">
<ul>
<li><a href="http://www.sc3.blogg.no">Tilbake til forsiden?</a></li>
</ul>
</div>

Du må fjerne linken til bloggen min og legge inn din egen, du legger inn koden her:

 


Spørsmål kan stilles som kommentar;-)

 

Tilbake til HTML/CSS siden?

Legg meg til som venn"-link

PUBLISERT: 26.DESEMBER 2010 @ 23:14 KATEGORI: HTML OG CSS
For å få en link der det står Legg meg til som venn kopier og lim inn denne koden der du vil ha linken.
Du kan selvsagt endre der det står legg meg til som venn til noe annet.

<a href="${ProfileUrl}">Legg meg til som venn</a>

Spørsmål kan skrives som kommentar;-)

Flytte sidemenyen til venstre


PUBLISERT:
26.DESEMBER 2010 @ 22:57 KATEGORI: html OG CSS
Vis du vil bytte side på sidemenyen din legger du bare inn koden under helt nederst i stilsettet ditt.
#main {
float: right;
}
#side {
float: left;
}

Spørsmål kan skrives som kommentar

Midtstille bloggen

PUBLISERT: 26.DESEMBER 2010 @ 22:52 KATEGORI: html og css
Lim inn disse kodene inn i stilsettet ditt:

#wrapper {
margin-left: auto;
margin-right: auto;
}
#header {
margin-left: auto;
margin-right: auto;
}
#footer {
margin-left: auto;
margin-right: auto;
}

Vis det er noe du ikke skjønte så skriv det som en kommentar;-)

Endre fargen på kommentarer

 

PUBLISERT: 26.DESEMBER 2010 @ 20:56 KATEGORI: HTML og CSS

Legg til koden/e nederst i stilsettet ditt. Bruker du denne koden blir kommentarene fra registrerte bruker(dem som er logga på), deg selv og andre helt like. #000000(det vil si at er svart er fargen på kanten rundt kommentarene.) #CCCCCC er bakgrunnsfargen.(Fargen er grå.)

Koden:


#comments .owner, #comments .other, #comments .user{
border: 1px solid #000000;
background-color: #CCCCCC;
}

Hvis du vil at kommentarene fra innlogga bruker på blogg.no, deg selv og andre skal ha forskjellige farger, må du legge til en kode for hver av delene. Det er dem som er under her.

Innlogga brukere fra blogg.no

#comments .user{
border: 1px solid #000000;
background-color: #CCCCCC;
}

Eieren av bloggen (deg selv)

#comments .owner {
border: 1px solid #000000;
background-color: #CCCCCC;
}

Alle andre som kommenterer

#comments .other {
border: 1px solid #000000;
background-color: #CCCCCC;
}


Vis du ikke fikk det til så skriv en kommentar


Tilbake til HTML/CSS siden?

 

 

Enkel meny over/under headeren

Her skal jeg forklare deg ossen du kan få en enkel meny over eller under headeren din.

 

Menyen ser sånn her ut:

Underline Horizontal Menu

Gå til Design - Rediger - Stilsett

Koden som du skal lime inn nederst i stilsettet :

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#underlinemenu{
margin: 0;
padding: 0;
}
#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}
* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}
#underlinemenu ul li{
display: inline;
}
#underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(media/menudivide.gif) top right repeat-y;
}
#underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}
</style>


Nå må du velge om du vil ha menyen over eller under headeren
På bildet under har  jeg forklart hvor du skal lime inn koden som er under bilde

Her er koden som du skal lime inn i HTML

Gå til Design - Rediger - Maler(HTML)
NB:
du MÅ huske å lime inn den samme koden i Forsiden, innlegg, kategori og Arkiv

 

<div id="underlinemenu">
<ul>
<li><a href="URL-EN HER">TEKSTEN DIN HER</a></li>
<li><a href="URL-EN HER"> TEKSTEN DIN HER</a></li>
<li><a href="URL-EN HER">TEKSTEN DIN HER</a></li>
<li id="current"><a href="URL-EN HER" title=">TEKSTEN DIN HER</a></li>
<li><a href="URL-EN HER">TEKSTEN DIN HER</a></li>
<li><a href="URL-EN HER">TEKSTEN DIN HER</a></li>
</ul>
</div>

Der det står URL-EN HER må du legge inn linken til innlegget/bloggen og der det står TEKSTEN DIN HER skal du skrive inn det du vil at knappen skal hete.

Vis du vil ha flere meny knapper legger du bare inn denne koden:
<li><a href="URL-EN HER">TEKSTEN DIN HER</a></li>
Legg den inn over  
</ul>
</div>

Foreksempel min meny knapp skulle sett sånn her ut:
<li><a href="http://sc3.blogg.no">Forsiden</a></li>

 


Spørsmål angående meny/er kan skrives i kommentarfeltet:)

 

Tilbake til HTML/CSS siden?

Flytte sidemenyen opp ved headeren

Vis du vil flytte sidemenyen din helt ved siden av headeren din eller ha den lengre opp så kopier koden under og lim den inn helt nederst i stilsettet ditt

Gå til Design - Rediger - Stilsett

#side {
margin-top: -300px;
background-color: #ffffff;
}
Endre 300 til du finner ut hvor du vil ha sidemenyen. Bakgrunns fargen er hvit.
Hvis du ikke vil at sidemenyen skal gå over headeren din, så burde du lage en header som er like bred som blogginnleggene dine.

Spørsmål kan skrives i kommentarfeltet:)

 

Endra på designet når man skal skrive en kommentar!

Har endra på designet når man skal kommentere på ett innlegg.

Bare se:



Hva syntes du?

Vil du at jeg skal skrive ossen man gjør det?


Meny

Her kommer det en kode for å få en meny på bloggen din! Vis du leser dette innlegge etter mandag den 4.oktober så er det ikke CSS og HTML kodene til den menyen-


Koden Som Er under Skal du Legge inn Helt nederst i stilsette ( CSS ) Ditt < / p >

< / div >
< / div >
< / div >

 Skulle endre det så gikk alle koden bort så legger de ut igjen på mandag eller tirsdag

HTML og CSS koder

♥  Basic koder

Sidemenyen:

Flytte sidemenyen opp ved headeren

Legg meg til som venn link

Flytte sidemenyen til venstre

Meny:

Enkel meny over/under header

Bloggen:

Midtstille bloggen

Kommentarer, kommentarfeltet og lignende:

Endre fargen på kommentarene

 

 


 

FÅ BORT LINKEN (BLOGG.NO) UNDER HEADEREN DIN

Slik gjør du det:

Design -> Rediger -> Maler.
Ctrl + f. Søk på blogg.no, så skal du lete etter linjen;
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
Når du har funnet linken skal du pusse den bort.
Etter du har tatt bort den, så skal du lagre malen, og da skal linken under headeren være borte.

 


 

MELLOMROM MELLOM HEADER OG SELVE BLOGGEN

Koden du skal bruke:

margin: 0px 0px 10px 0px;

Hvor skal jeg legge den inn?
Design -> Rediger
Koden skal du legge inn under header.

Det skal ca. se slik ut:
#header {
background-color: #FFFFFF;
background-image: url(url-adressen til bildet);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px;

Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.

MELLOMROM MELLOM HEADER OG SELVE BLOGGEN

Koden du skal bruke:

margin: 0px 0px 10px 0px;

Hvor skal jeg legge den inn?
Design -> Rediger
Koden skal du legge inn under header.

Det skal ca. se slik ut:
#header {
background-color: #FFFFFF;
background-image: url(url-adressen til bildet);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px;

Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.


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 "boksene" være borte.


FÅ MELLOMROM OVER HEADEREN

Koden du skal bruke:
<br>

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk etter 'doc2'. Eller bla litt ned til du ser denne linja; <div id="doc2">
Det du skal gjøre er å lime inn koden etter dette.

Slik skal det se ut:

<div id="doc2"><br>

AT DET STÅR NOE ANNET EN 1KOMMENTAR OSV..


så går du til Design - rediger - maler
Og da blar du ned til du finner dette:

<a href="${EntryPermaLink}#comment"> 0 kommentarer < / a >
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment"> 1 Kommentar < / a >
<tag:else />
<a href="${EntryPermaLink}#comment"> $ { EntryCommentCount } kommentarer < / a >

Og da pusser du bort der det står kommentarer og skriver inn det du vil foreksempel 1engel.

Så lagrer du.

 


 

BYTTE SIDE PÅ PROFILBILDE OG BESRIVELSEN

Dette gjør du:
Gå inn på design - rediger - stilsett
Sett inn html koden helt nederst i stilsette ditt.

Koden:
#main {
float: right;
}
#side {
float: left;
}

Det kommer flere!
Håper du fikk noen tips om hva du kanskje vil bruke!

 

 


 


hits
bloglovin