Blogg hjelp!


Nyttige koder:
CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk

Fargekart (koder til forskjellige farger): http://www.myspacedev.com/color-codes/


HEADER OG BAKRUNN:
-Hvordan skrifte header uten å ødelegge design? -Les her
-Hvordan får jeg et bakrunnsbilde som "står fast"? -Les her
-Hvordan får jeg headeren "på plass" der oppe? -Les her
-Hvordan får jeg mellomrom mellom header og bloggen? -Les her
-Hvordan går jeg mellomrom mellom header og bloggtoppen? -Les her



MENY:
-Hvordan venstrestiller jeg sidemenyen? -Les her
-Hvordan får jeg  en egen meny under headeren? -Les her
-Hvordan midtstiller jeg meny under header? -Les her
-Hvordan forandrer jeg hvilken side menyen står på? -Lesher
-Hvordan forandrer seg størrelse på skriften i innlegg eller Artik/Kategori overskrifter? -Les her
-Hvordan får jeg "små bokser" i og på sidemenyen (slikt som irlins.blogg.no) -Les her
-Hvordan får jeg mellomrom mellom bloggen og sidemeny? -Les her -NY

BLOGGEN:
-Hvordan forandre anntall innlegg på bloggforsiden? -Les her -Hvordan midtstiller jeg bloggen? -Les her
-Hvordan gjør jeg bloggen liten? -Les her
-Hvordan får jeg ramme rundt hele bloggen? -Les her
-Hvordan får jeg større profilbilde? -Les her

FJRNE:-Hvordan fjerne "siste kommentarer" "siste innlegg", "arkiv" osv? -Les her
-Hvordan fjerne navnet på bloggen som kommer over headeren? -Les her
-Hvordan fjerner jeg blogg.no linkene under headeren? -Les her
-Hvordan fjerner jeg rammen rundt profilbildet? -Les her-Hvordan fjerner jeg bildene til de som kommenterer? -Les mer NY


INNLEGG:
-Hvordan får jeg bilde VED SIDEN av teksten? -Les mer
-Hvordan hindrer jeg folk i å stjele bilde/tekst eller trykke "lim inn" i kommentarfelt? -Les her -OPPDATERT
-Hvordan endre Bakrunn på overskriftene? -Les mer
-Hvordan får jeg større skrift i innleggene? -Les mer
-Hvordan får jeg ramme rundt hvert innlegg? -Les mer


KOMMENTARER:
-Hvordan forandrer jeg det som står på "send kommentar" knappen? -Les her
-Hvordan endre "x kommentarer" til foreksempel "x søte små" -Lesmer-Hvordan få et lite ikon ved siden av "kommentarer" eller "kategori"/"klokkeslett" -Les mer
-Hvordan fjerner jeg bildene til de som kommenterer? -Les her NY

EFFEKTER:
-Hvordan forandrer link når musen går over? -Les her
-Hvordan får jeg snø til å dale ned på bloggen? -Les her


ANDRE APPLIKASJONER:
-Hvordan får jeg youtube videoer inn på bloggen? -Les her-Hvordan får jeg Twitter på bloggen og hvordan få twitteren til å oppdatere dine innlegg -Les her
-Hvordan se hvor mange som leser bloggen akkurat nå? -Les her-Hvordan få  google oversetter på bloggen? -Les her
-Hvordan får jeg shoutbox (chat) på bloggen?-Les her



HUSKEREGEL NUMMER EN:
Når du begynner på blogg.no lager du ofte design med å laste opp bilde og diverse på "designbygger" (Design). Når du skal begynne å gjøre designet mer komplisert, slikt som disse tipsene jeg kommer med her må du glemme den designbyggeren og bare arbeide på det du finner på "Rediger" knappen ( Design--> Rediger)

DERSOM du har laget et design med å bruke disse kodene jeg skriver om her vil alt du har arbeidet med forsvinne dersom du gjør noe i "Designbyggeren"

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                          Nytt design
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


* Menyen på andre side* Ramme  rundt bloggen
* få bloggen din på midten
* Ramme rundt Innlegget* smal blogg
* meny under headeren

noen ting som er litt lurt å vite :)
Fet tekst     -     <b> tekst </b>
Kursiv     -     <i> Din tekst </ i> 
Legg til et bilde     -     <img src="adressen til bildet"> 
Link     -     <a href="adressen til sidan"> Link Text </ a> 
Midtstill      -     <center> tekst eller bilde </ center> 
Understreket tekst     -     <u> Din tekst her </ u> 
Menyen på andre side
design>rediger>stilsett
med denne kan du velge side, 
}
#main {
float: right ;

men du må også lime inn, denne:
}
#side {
float: left   ;

det mørkeste, må være IKKE være likt :)
vist du skal ha right på main, må du ha left på side :)
Ramme Rundt Bloggen
design > rediger > stilsett

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}

det forstår du vel, vist ikke, så sier jeg bare lim den mørke koden. under Wapper :)
få bloggen din i middten :)
design > Rediger > Stilsett

margin-left: auto; 
margin-right: auto; 

limer du inn Under #header, #wapper og #fronter vist du ikke har fronter, tenger du den :)

#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
}
#wrapper {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto; 
Ramme Rundt innlegget
}
.entry {
border: 3px solid #000000; 
background: #F5F6CE;
Center;
background-attachment:fixed;
background-image: url('');

denne denn limer du inn design>rediger>stilsett
 Smal Blogg

design > rediger > stilsett
width: 610px;
du limer dennne inn under Header, Wapper, og fronter :) 


sånn skal den være:
#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;
}

du kan endre den hvordan du vil, den kan eks. 500, 700, 800 osv :)
du kan, velge selv :) uansett størrelse :)
Meny under headeren.

<style type="text/css">
margin-left: auto; 
margin-right: auto;

/*Credits: Dynamic Drive CSS Library */

.mattblacktabs{
width: 100%;
overflow: hidden;
color: #000000;
border-bottom: 1px dotted white; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: inline;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: inline;
text-decoration: none;
margin: 0;
padding: 10px 11px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #000000;
background: #ffffff; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: #000000;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

</style>


Når du har gjort det, må du lagre (selv om det ikke vises noe på fårhåndsvisningen). For at disse skal vises må du nå gå inn i "maler". Finn denne linja:

<div id="wrapper" class="yui-gc">

rett over den setter du inn denne koden:

<div class="mattblacktabs">
<ul>
</ul>
</div>

Så må du redigere litt i koden. La oss si at du vil ha en "knapp" som heter f.eks home og som linker til fremsiden din. Da må du skrive inn url-adressen til fremsiden der jeg har skrevet dinbloggadresse, og skrive home der jeg har skrevet valgfritt. for eksempel slik:


Jeg har lagt til linjer så du kan lage deg 5 knapper i en slik meny, men vil du ha flere legger du til enda ei linje med dette:


men vil du ha bare 4, fjerner du en av disse linjene:)

Pass på at dette alltid står på slutten, så du ikke legger til linjer under det:

</ul>
</div>



Det kommer mere ettervert! 
Bare spør vist det er noe du vil ha der :D

Abonner på: Kommentarer (Atom)
Klikk på ''Eldre Innlegg'' for å se mine Eldre Innlegg!