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 gjre dette:
Man kan bare fjerne linken fra Maler(HTML) Innlegg, kategori og arkiv. For p forsiden s er den allerede fjerna.

Frst gr du til:
Design -->Rediger --> Maler(HTML)
Nr du er inne p maler, sker du opp koden under.( CTRL+F )

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

Du m fjerne dette:
'${BlogUrl}'

Nr du har fjerna det s skal det se snn her ut:

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


Vis du vil s kan du legge til en liten meny knapp som det foreksempel str 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:


Sprsml kan stilles som kommentar;-)

Tilbake til HTML/CSS siden?

Legg meg til som venn"-link

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

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

Sprsml kan skrives som kommentar;-)

Flytte sidemenyen til venstre


PUBLISERT:
26.DESEMBER 2010 @ 22:57KATEGORI: 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;
}

Sprsml kan skrives som kommentar

Midtstille bloggen

PUBLISERT: 26.DESEMBER 2010 @ 22:52KATEGORI: 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 skjnte s skriv det som en kommentar;-)

Endre fargen p kommentarer

PUBLISERT: 26.DESEMBER 2010 @ 20:56KATEGORI: 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 snn 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 str URL-EN HER m du legge inn linken til innlegget/bloggen og der det str 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 snn her ut:
<li><a href="http://sc3.blogg.no">Forsiden</a></li>


Sprsml angende 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.Bakgrunnsfargen 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.

Sprsml kan skrives i kommentarfeltet:)

Endra p designet nr man skal skrive en kommentar!

Har endra p designet nr man skal kommentere p ett innlegg.

Bare se:



Hva syntes du?

Vil du at jeg skal skrive ossen man gjr 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 gjr du det:

Design -> Rediger -> Maler.
Ctrl + f. Sk p blogg.no, s skal du lete etter linjen;
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> ${BlogTitle}</div>
Nr 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 vre 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 strre eller mindre mellomrom, s endrer du tallet der hvor det str 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 strre eller mindre mellomrom, s endrer du tallet der hvor det str 10.


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

Du m frst g til maler (design -> Rediger -> Maler).
Nr du har gjort det s sker 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 gjr du med 'Arkiv', 'Kategorier' osv. Du fjerner de du vil.

Etter det s trykker du p Lagre Malen, og da skal de "boksene" vre borte.


F MELLOMROM OVER HEADEREN

Koden du skal bruke:
<br>

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

Slik skal det se ut:

<div id="doc2"><br>

AT DET STR NOE ANNET EN 1KOMMENTAR OSV..


s gr 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 str kommentarer og skriver inn det du vil foreksempel 1engel.

S lagrer du.


BYTTE SIDE P PROFILBILDE OG BESRIVELSEN

Dette gjr 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!
Hper du fikk noen tips om hva du kanskje vil bruke!



hits
bloglovin