Blogg Design

Stillestende portrett bakgrunn p bloggen

God morgen alle sammen.

noen ville kalt meg selvopptatt(noe som jeg ikke vil g helt i fra, men jeg er ikke s veldig mye mer en alle andre), men jeg elsket bakgrunn iden til dagensoutfit.co. S det er grunnen. Men uansett s driver jeg med pusser opp bloggen n. Men jeg trenger litt hjelp fra deg. Jeg klarer ikke velge bilde s jeg lurer p hvilket bilde du likte best?


Om du ogs nsker ha en stille stende bakgrunn p bloggen s sr du frts in p Design/Rediger/stilsett. da gr du ned til body og under background-color: setter inn:

background-image: url('Urlen-til-bilde');
background-attachment: fixed;
background-repeat: no-repeat;background-size: 1400px; /denne trenger du kun om bilde er for stort s du nsker endre strrelsen. men du m bytte til noe som passer p bloggen/

Hvilken header?

Hvilken header synes du at jeg br velge?




Hvordan f skerute i sidemeny

Design> Rediger>Maler(HTML)>innlegg/kategori/arkiv.

Klikk Ctrl+F og sk opp <div id="side" class="yui-u">

Under denne linjen legger du inn flgende:

.<div class="sokerute">

<h3>Sk i bloggen</h3>
<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="Sk" />
</form>
</div>
DU KAN PRVE DEN UNDER

Sk i bloggen

Hvordan f en gjennomsiktig haderen

det er ganske enkelt endre hvor gjennomsiktig hederen er. men det er ikke s mange som vet det. det fines sikkert andre metoder gjre det p, eller du kan redigere hederen fra fr av. men jeg foretrekker denne metoden.

Design> Rediger> stilsett(css)> ,

grunnen til at du m gjre det p ale selv om det ser ok ut for deg er at de foreligge nettleserne trenger forskjellige koder for at headeren skal bli gjennomsiktig.

sett in koden under #header{:

filter:alpha(opacity=75); /hovedkoden men nr du endrer fra 75% m du gjre det p alle/
-moz-opacity:0.75; /For de som har firefox, husk det blir mer gjennomsiktig med mindre tall/
-khtml-opacity: 0.75; /For en Anen nettleser helt gjennomsiktig er 0 p alle/
opacity: 0.75; /For en Anen nettleser sett 1 foran punktum om du vil ha 100% p filter:alpha /




Hvordan f mellomrom over header

Det er lett f mellommrom over headeren.

Design> Rediger> stilsett(css)

Legg inn koden under i stilsettet under body {

padding-top: 10px; /Endre 10px til et strre eller mindre tall for endre mellommromet/

Click here to view full size

Hvordan f link til forsiden i headeren

Dette er en kode ganske noen ikke har p bloggen sin av en eller annen grunn. Og nr den er tatt bort s gr komme tilbake til forsiden av bloggen ved trykke p headeren.


Design> Rediger> Maler> Innlegg,

Nr du er i innlegg s trykker du (Ctrl-F) og skriver header. Den frste linjen der det str header s bytter du den ut med:<div id="header" onclick="document.location='${BlogUrl}';"> . forhndsvise fr du lagrer, s du vet alt gikk bra.



Hvordan F mellomrom mellom header og bloggen

Design -> Rediger -> stilsett

om du finer #header{ og her limer du inn:

margin: 0px 0px 20px 0px;

men du m ha background-repeat: no-repeat; om ikke m du legge inn begge to




Hvordan f head p plass i bloggen

Design -> Rediger -> stilsett

om du finer #header{ i stilsette s merker du fra } til neste }. Nr du har merketr det s limer du inn det under her:

}
#header {
background-color: #ffffff; /Her endrer du fargen som blir syndelig om du tar bort headerbilde/
float: right; /bestemer om bilde skal vre til hyre/veneste, right/left
background: url('sett in URL til din header);

background-repeat: no-repeat; /headerbilde gjentas ikke men tar du bort (no-) s gjr det det/

height: 330px; / Her endres hyden p sidemenyen /
width: 650; / Her endres bredden p sidemenyen /
}

eks med noen av mine gamle

" " " "

forbedring p Drop Down menyen

Her er en liten forbedring p Drop Down menyen jeg har vist fr.

Design -> Rediger -> Maler, s trykker du (Ctrl-F) samtidig, og sker p <div id="header">

Over der, limer du denne koden: <tag:include module="Meny" />

S limer du denne koden nederst i stilsettet, det kommer ikke noen endringer p bloggen fr du har limt inn kodene som skal i moduler.

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #dfe5e6; her kan du ender Bakgrundsfare

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #000000; her endrer du fargen p skrift Farge

color: #000000; Overskrift

text-decoration: none;

font-family: arial;

font-size: 10px;

line-height: 12px;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #dfe5e6; her endrer du fargen p bunnen av vr boks

}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

}

#navbar li:hover li, #navbar li.hover li {

float: none;

}

#navbar li:hover li a, #navbar li.hover li a {

border-bottom: 1px dotted #4dc4fe; her endrer du farge p prikkene i mellom

color: #4dc4fe;

}

#navbar li li a:hover {

background-color: #4dc4fe; merke der du holder musen over

}

#meny {

width: 610px;

margin-left: auto;

margin-right: auto;

}

N m du g in p Moduler. Men om du ikke vet hvor det er s er det rett ved siden av

Stilsett (CSS), Maler (HTML) og Widgets. Nr du gr inn der s skal du trykke p +Ny modul. Da m du skrive ? Meny? under der det str navn og legge in koden under, under Innhold.

<div id="meny">

<ul id="navbar">

<li><a href="#">Siste innlegg</a>

<ul>

<tag:recentlist limit="10">

<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

</tag:recentlist>

</ul>

</li>

<li><a href="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

<li><a href="#">Arkiv</a>

<ul>

<tag:archivelist>

<li><a href="${ArchiveLink}">${ArchiveName}</a></li>

</tag:archivelist>

</ul>

</li>

<li><a href="#">Overskrift</a>

<ul>

<li><a href="Sett inn url adressen her " class="nav p linken">Link</a></li>

<li><a href="Sett inn url adressen her" class="nav p linken">Link</a></li>

<li><a href=Sett inn url adressen her" class="nav p linken">Link</a></li>

</ul>

</li>

</ul>

</div>

der det trykker (Ctrl-F) og sker opp # s kan du bytte dem ut med eggene linker som for eksempel http://cass95.blogg.no/?c=1331665558. Og Der det str Overskrift s bytter du den ut med den overskriften du vil ha. Der det str nav p linken kan du bytte ut med for eksempel Bilder

Om du lurer p noe s er det bare sprre :D

Q: Drop Down menyen?

Q: Var dette nyttig?

Nytt blogg design

jeg har ikke blogget p lenge, s jeg tenkte at n som jeg har begynt igjen s trenger jeg ett nytt blogg design. s som dere kan se har jeg lagget et helt nytt. men jeg har et litte problem med menyen som jeg ikke fr p plass. s om noen kan hjelpe meg hadde jeg vrt takknemlig. Jeg har ogs tenkt til bytte ut hederen nr jeg fr tid til lage en ny.

Q: hva synes du?

Casandra

Casandra

17, Oslo

Follow on Bloglovin Follow me on Istagram My tumblr Follow Me on Pinterest

Ukens blogg!

Kategorier

Arkiv

free counters hits