Justin bieber style på facebook



http://userstyles.org/styles/26949/facebook-justin-bieber-1-by-templah-com

Jeg har jo laget et innlegg tidligere om at det gikk an å laste ned hello kitty facebook, men så var det noen som spuret om det gikk an å laste ned justin bieber facebook, og det går det. Her en jb stil som man kan ha på fb.

PS: Jeg gidder ikke hjelpe folk med å laste det ned fordi det må dere klare selv, jeg har brukt så ufattelig lang tid på å prøve å hjelpe alle som trengte det til å laste ned hello kitty facebook.. Så alt er opp til dere! Good luck ;*

hvordan fjerne hellokittyfacebooken

for en stund tilbake lagde jeg et innlegg der jeg informerte om at det gikk ann å få rosa facebook, eller hellokittyfacebook. trykk her! .mange har lest det inlegget, og fikk tak i hellokittyfacebook, men de viste ikke hvordan de skulle få den bort igjen. så nå lager jeg et inlegg for å vise hvordan man gjør det





håper det hjalp de som slet med dette!

Ny header!!

Byttet ut den gammle headeren med en litt mer personlig header. Tenkte det var litt greit med en header som jeg fakisk var med i, siden bloggen handler om meg.



-Bra forandring eller ikke?

Få rosa facebook! & hello kitty

Hello kitty
(trykk på linken)


Rosa

(trykk på linken)

Jeg gidder ikke vise steg for steg i dag, men hvis det ønskest så skal jeg selvsagt gjøre det! hvis ikke så dropper jeg det og regner med at dere får det strålende til selv. Men ikke nøl med å spørre, hvis du sliter og ikke får det til skal jeg selvfølgelig hjelpe deg.

PS: det finnes mange forskjellige farger bare så dere vet det, til og med til google og youtube.

Nytt design


Det nye

Eller

Det gamle



Hvilket design burde jeg ha ?

Gratisdesign

Image and video hosting by TinyPic

Trykk på bildet for å komme til designet, og få vite hva du skal gjøre.
Men jeg vil helst ikke at andre skal ta credit for noe jeg har laget.. men ellers er det bare å bruke.

Få signatur under alle innleggene dine:

Først lager du deg en signatur:

Eks:


Så laster du den opp på www.tinypic.com
Tar url koden

Design->Rediger->Stilsett->nederst

KODEN:

.entry .content{

padding-bottom: 100px;

background: url( HÆR SKAL DU LIME INN URL KODEN TIL BILDET) no-repeat bottom center;

}

Link-effekt

Design->Rediger->Stilsett


Finn denne koden:
a { color: #FF69B4}
a:link { color: #FF69B4}
a:visited { color: #FF69B4}
a:active { color: #FF69B4}


SKIFT FARGE PÅ LINKEN NÅR DU HOLDER PILEN OVER
Under d kodene ^limer du inn denne koden:
a:hover { color:#ff000}

(du kan endre farge ved å skifte ut #ff000 )


LINJE GJENNOM LINKEN
Under d kodene ^limer du inn denne koden:
a:hover {text-decoration: line-through;}

_________________
|RAMME RUNDT LINK|

Under den første koden ^limer du inn denne:
a:hover {border:#000000 1px solid;}

(
Du kan endre fargen og størrelsen på boksen og typen)

LINJE UNDER LINK
Under den første koden^ limer du inn denne:
a:hover {text-decoration: underline;}

|LINJER PÅ SIDEN AV LINKEN|
Under den første koden^ limer du inn denne:
a:hover{color: #9797B0;text-decoration:none;border-left:solid 1px;border-right:solid 1px;}
(Der endrer du farge og størrelse om du vil det)

____________________________
LINJE OVER OG UNDER LINKEN

Under de første kodene^ limer du inn denne koden:
a:hover {COLOR:#000000; TEXT-DECORATION:underline overline}
(Der kan du endre fargen)

Nytt design

Gammle:

Nye:


Jeg skulle egentlig i bassenget men matilde måtte spille en konsert så vi skal dit på tirsdagen, så nå har jeg ingenting å gjøre så jeg lagde et nytt design. Ble litt lei av det gammle påske-farge designet.


Hva synes du om designet?

Hvordan man skifter farge på scrollbaren

Dedsign>Rediger>Maler



(Hvordan du får denne)

Koden:

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #FFC375;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFC375;
scrollbar-shadow-color: #FFC375;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFC375;
}
-->
</STYLE>

Limes inn:
Øverst i maler filen.


Du skifter selv farge http://www.html-koder.org/cube.htm  her er det masse fargekoder, så det er bare å velge i vei.

Du må også huske å lime denne inn i Maler>innlegg     og kategori og arkiv (der er det samme fremgangsmåte)

Lag ditt egent bloglovin' merke

1.  Lag et bilde i photoshop, photoscape, eller bare paint..  Jeg brukte photoscape men du kan jo bare bruke det du har tilgjengelig.
EKS:

2. Finn URL-adressen til bildet, last den enten opp på www.tinypic.com eller last det opp i et innlegg og forhåndsvis, høyreklikk og på egenskaper. 

3. Du må ha bloglovin' adressen, og bildeadressen.   

<a href=LINKEN><img src=BILDET></a>

4. Så setter du koden i widget eller i maler i sidebaren.

Design- meny på bloggen din

Bildemeny
1. Lag et bilde i paint, eller en boks med skrift inni. Skriften må jo sefølgelig ha navnet til det den skal linke til.
Eksempel:


2. Du laster opp bildet i www.tinypic.com og kopierer URL-adressen til bildet.

3.Design>rediger>maler,  så trykker du ctrl + f
og søker på :
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">

Under denne limer du inn denne koden :

<a href=LINKEN><img src=BILDETS URL></a>

Da er det bare å lage flere under der igjen, med samme fremgangsmåte..



Vanlig meny

1. Design>Rediger>Stilsett
Du limer inn denne koden nederst i stilsettfilen:
#meny2 {
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
padding: 0;
list-style-type: none;
background-color: #ccccff;
font-size: 13px;
height: 40px;
border-top: 2px solid #99ffff;
border-bottom: 2px solid #99ffff;
}

#meny2 li {
float: left; /*kan byttes til right*/
margin: 0;
}

#meny2 li a {
text-decoration: none;
display: block;
padding: 0 15px;
line-height: 35px;
color#ccccff; /* Fargen på skriften */
}

#meny2 li a:hover, #meny2 li.active a {
background-color: #ccffcc;
border-bottom: 1px inset #000;
color: #ccffcc;
}

#meny2_wrapper ul {
margin-left: 10px;
border-top: 1px inset #356AA0;   /* Farge på top-ramme */
border-bottom: 1px inset #204061; /* farge på bunn-ramme */
background: #356AA0; /* bakgrunnsfarge */
}

#meny2_wrapper li a:hover, #meny2_wrapper li.active a {
color: #99ffff;   /* skrift farge når du holder musen over den*/
background: #3D7BBB; /* bakgrunnsfarge når du holder musen over den*/
border-bottom: 1px solid #ccccff/* farge på bunn-rammen når du holder musen over linken */
}

#meny2_wrapper {
padding: 0 13px 0 0;
background: url(rund.png) no-repeat right;
}

#meny2_wrapper div {
float: left;
height: 40px;
width: 10px;
background: url(rund.png) no-repeat left;
}



Du fikser bare fargene og størrelsene slik du ønsker det.

2.Så lagrer du stilsettet selv om du ikke ser noen forskjell når du har på forhåndsvisning.

3.så går du til maler filen, der du <div class=?breadcrumbs?>
OVER dennne koden limer du inn denne:

<div id="meny2_wrapper">
<ul id="meny2">
    <li><a href="LINKEN">Bloggen</a></li>
    <li><a href="LINKEN">kontakt</a></li>
    <li><a href="LINKEN">Om meg</a></li>
    <li><a href="LINKEN">Om siden</a></li>
</ul>
</div>

4. så lagrer du.. og vips har du meny på bloggen din.


Hva mer trenges det hjelp til ?

Design hjelp

TIPS:
Ctrl + A= merk alt
Ctrl +C=kopier
Ctrl +F=søk i stilsettet
Ctrl+V= lim inn


Hjelpsomme sider:
Bilderedigeringsprogram: www.picnik.com
Scrap book til å lage header: http://www.scrapblog.com/
Søtt stuff: http://www.carrielynnesworld.com/
FARGEKUBE : http://www.html-koder.org/cube.htm 
Laste opp bilder: http://www.tinypic.com  (for å få url koden eller html)



HVORDAN BYTTE HEADER UTEN Å ØDELEGGE STILSETTET                                                                                                                   
1.
Du laster opp headeren i et innlegg. HUSK Å VELGE HVOR MANGE PIXSLER DU VIL HA
2.Du trykker forhåndsvis.
3. høyreklikk på headeren og kopier url adressen.




SNØ PÅ BLOGGEN                                                                                                                                                                                                


KODEN:
<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">

/***********************************************

* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript

* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/

* Please keep this notice intact

***********************************************/

</script>

</html>

LEGGES INN: Design-> Rediger-> Maler(html) limes inn nederst



RAMME RUNDT BLOGGEN ELLER HEADEREN                                               
Bloggen
KODEN: border: 3px solid #000000;

LEGGES INN: Design->Rediger->Stilsett    Limes inn under wrapper og footer

SLIK VIL DET SE UT:
#wrapper {
background-color: #FFFFFF;
border: 3px solid #000000;
}
#footer {
background-color: #FFFFFF;
border: 3px solid #000000;

Du endrer farge ved å bytte ut #000000; med en annen  fargekode
Du endrer størrelse ved å bytte ut 3px med foreksempel 1xp
Du endrer rammen ved å enten bruke dotted, double, inset, outset, groove, ridge eller dashed.
...........................................................
HEADEREN:
KODEN: border: 3px solid #000000;

LEGGES INN: Design->Rediger->Stilsett    Limes inn under header

SLIK VIL DET SE UT:
#header {
background-color: #FFA2EF;
background-image: url('http://idadasofie.blogg.no/images/css/638a2b4903ab5af1dcf067fff12111fa.jpg');
height: 372px;
background-repeat: repeat;
margin-left: 2xp;
margin-right: 2xp;
width: 620px;
border: 3px solid #000000;
}

Du endrer farge ved å bytte ut #000000; med en annen  fargekode
Du endrer størrelse ved å bytte ut 3px med foreksempel 1xp
Du endrer rammen ved å enten bruke dotted, double, inset, outset, groove, ridge eller dashed.



TA BORT NAVNET I HEADEREN DIN                                                                                                                                                                     

KODEN:
#header h1, #header p { display:none }


 

LIMES INN: Design->Rediger->Stilsett-> Limes inn nederst



HVOR MANGE SOM ER PÅ BLOGGEN DIN ATM                                                                                                                                                 
KODEN:
<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINKEN DIN HER!!! mce_src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!!></script> </a> leser denne bloggen NÅ</a> <!-- End FastOnlineUsers.com --></div>

LIMES INN: Design->Rediger->Maler(html) eller Widget.

!!!!PS: HUSK Å SKRIVE LINKEN TIL SIDEN DIN DER DET STÅR DET.!!



HVORDAN FÅ BLOGGEN SMALERE                                                                                                                                                                      
KODEN:
width: 610px;

LIMES INN: Design->Rediger->Stilsett-> Limes inn under height: 165px; under headeren, og derretter limer du den under footer og wrapper

SLIK VIL DET SE UT:

#header { background-color: #FFFFFF;
background-image: url (linken til din header)
height: 165px;
width: 610px; 
}
#wrapper {
width: 610px;
background-color: #FFFFFF;
}
#footer {
width: 610px;
background-color: #FFFFFF;
}  


HVORDAN MAN FÅR BAKGRUNNSBILDE TIL Å STÅ I RO                                                                                                                                    
KODEN:

BODY {
background-image: url(HÆR SKAL URL KODEN TIL BILDET STÅ)
background-attachment: fixed;background-position: right bottom;
background-repeat: repeat;

}

LIMES INN: Design->Rediger->Stilsett-> Limes inn nederst



HVORDAN FÅ RAMME RUNDT HELE BLOGGEN                                                                                                                                           

KODEN:
border: 6px solid #000000;

LIMES INN: Design->Rediger->Stilsett-> Lims inn nesten øverst

SLIK VIL DET SE UT:

body {
background-color: #FFD4F8;
font-family: Times New Roman, Times, serif;
color: #010202;
border: 6px solid #000000;


Du endrer farge ved å bytte ut #000000; med en annen  fargekode
Du endrer størrelse ved å bytte ut 6px med foreksempel 8xp
Du endrer rammen ved å enten bruke dotted, double, inset, outset, groove, ridge eller dashed.


BAKGRUNNSFARGE PÅ OVERSKRIFT I INNLEGGENE OG PÅ KATOGORI, SISTE KOMENTARER OSV

Overskriften

KODEN:
h2 { background-color: #ffcccc; }

LIMES INN: Design->Rediger->Stilsett-> under h1, h2, h3, h4, h5 { font-family: Times New Roman, Times, serif; }

Kategori, siste komentar osv
Bruk samme koden, bare at du skifter h2 med h3


MELLOMROM IMELLOM HEADEREN OG SELVESTE BLOGGEN

KODEN:
margin: 40px 0px 0px 0px;

(Den er for å få avstand mellom øverst og headeren)


margin: 0px 0px 40px 0px;
(Den er for  å få avstand mellom header og innleggene.)

LIMES INN: Design->Rediger->Stilsett-> under headeren


KOMMER MERE...

HVA TRENGER DU HJELP TIL ?




arkiv

  • September 2013
  • April 2012
  • Mars 2012
  • Februar 2012
  • Januar 2012
  • Desember 2011
  • November 2011
  • Oktober 2011
  • September 2011
  • August 2011
  • Juli 2011
  • Juni 2011
  • Mai 2011
  • April 2011
  • Mars 2011
  • Februar 2011
  • Januar 2011
  • Desember 2010
  • November 2010
  • Oktober 2010
  • September 2010
  • August 2010
  • Juli 2010
  • Juni 2010

  • kategorier

  • My life
  • Bilder
  • Blogg
  • Dagan
  • design
  • Friluftsliv
  • Kreativitet
  • Lavkarbo
  • mat
  • mote
  • musikk
  • salzburg
  • Skola
  • trening
  • Videobloggz

  • lenker




    hits