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 gr 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 prve hjelpe alle som trengte det til laste nedhello kitty facebook.. Salt 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 gjr det





hper 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 gjre det! hvis ikke s dropper jeg det og regner med at dere fr det strlende til selv. Men ikke nl med sprre, hvis du sliter og ikke fr det til skal jeg selvflgelig 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 gjre.
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:

Frst 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( HR 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 NR 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 frste koden ^limer du inn denne:
a:hover {border:#000000 1px solid;}

(
Du kan endre fargen og strrelsen p boksen og typen)

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

|LINJER P SIDEN AV LINKEN|
Under den frste 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 strrelse om du vil det)

____________________________
LINJE OVER OG UNDER LINKEN

Under de frste 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 mtte spille en konsert s vi skal dit p tirsdagen, s n har jeg ingenting gjre s jeg lagde et nytt design. Ble litt lei av det gammle pske-farge designet.


Hva synes du om designet?

Hvordan man skifter farge p scrollbaren

Dedsign>Rediger>Maler



(Hvordan du fr 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 fremgangsmte)

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 forhndsvis, hyreklikk 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 seflgelig 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 sker 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 fremgangsmte..



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: 1pxinset #000;
color: #ccffcc;
}

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

#meny2_wrapper li a:hover, #meny2_wrapper li.active a {
color: #99ffff; /* skrift farge nr du holder musen over den*/
background: #3D7BBB; /* bakgrunnsfarge nr du holder musen over den*/
border-bottom: 1px solid #ccccff; /* farge p bunn-rammen nr 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 strrelsene slik du nsker det.

2.S lagrer du stilsettet selv om du ikke ser noen forskjell nr du har p forhndsvisning.

3.s gr 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=sk i stilsettet
Ctrl+V= lim inn


Hjelpsomme sider:
Bilderedigeringsprogram: www.picnik.com
Scrap book til lage header: http://www.scrapblog.com/
Stt 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)



HVORDANBYTTE HEADER UTEN DELEGGE STILSETTET
1.
Du laster opp headeren i et innlegg. HUSK VELGE HVOR MANGE PIXSLER DU VIL HA
2.Du trykker forhndsvis.
3. hyreklikk 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: 3pxsolid #000000;

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

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

Du endrer farge ved bytte ut #000000; med en annen fargekode
Du endrer strrelse ved bytte ut 3px med foreksempel 1xp
Du endrer rammen ved enten bruke dotted, double, inset, outset, groove, ridge eller dashed.
...........................................................
HEADEREN:
KODEN: border: 3pxsolid #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: 3pxsolid #000000;
}

Du endrer farge ved bytte ut #000000; med en annen fargekode
Du endrer strrelse 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 STR 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 FR BAKGRUNNSBILDE TIL ST I RO
KODEN:

BODY {
background-image: url(HR 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 strrelse 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