Blogg Design

Stillestående 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 stående bakgrunn på bloggen så sår du førts in på Design/Rediger/stilsett. da går 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 størrelsen. men du må bytte til noe som passer på bloggen/

 

Hvilken header?

Hvilken header synes du at jeg bør velge?




Hvordan få søkerute i sidemeny

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

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

Under denne linjen legger du inn følgende:

.<div class="sokerute">

<h3>Søk 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="Søk" />
</form>
</div>
DU KAN PRØVE DEN UNDER

Søk 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 å gjøre det på, eller du kan redigere hederen fra før av. men jeg foretrekker denne metoden. 

Design> Rediger> stilsett(css)> ,

grunnen til at du må gjøre 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 når du endrer fra 75% må du gjøre 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 større 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 når den er tatt bort så går komme tilbake til forsiden av bloggen ved å trykke på headeren.


Design> Rediger> Maler> Innlegg,

Når du er i innlegg så trykker du (Ctrl-F) og skriver header. Den første linjen der det står header så bytter du den ut med: <div id="header" onclick="document.location='${BlogUrl}';"> . forhåndsvise før 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 }. Når 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 være til høyre/veneste, right/left
background: url('sett in URL til din header);

background-repeat: no-repeat;        /headerbilde gjentas ikke men tar du bort (no-) så gjør det det/

height: 330px;                            / Her endres høyden 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 før.

Design -> Rediger -> Maler, så trykker du (Ctrl-F) samtidig, og søker 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 før 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 vær 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. Når du går inn der så skal du trykke på +Ny modul. Da må du skrive ? Meny? under der det står 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 søker opp # så kan du bytte dem ut med eggene linker som for eksempel http://cass95.blogg.no/?c=1331665558.  Og Der det står Overskrift så bytter du den ut med den overskriften du vil ha. Der det står nav på linken kan du bytte ut med for eksempel Bilder

 

Om du lurer på noe så er det bare å spørre :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 får på plass. så om noen kan hjelpe meg hadde jeg vært takknemlig. Jeg har også tenkt til å bytte ut hederen når jeg får 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