Fjerne bloggnavn i headeren.

Dato:07.10.2010, Tidspunkt: 15:38 - Postet i kategorien: Designhjelp.

Gå på stilsett -> Trykk CTRL+F og søk etter: #header { color:
Rett over denne koden skal dere lime inne denne:

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

Så skal bloggnavnet være borte ;-)

Enkel knappemeny under profilbilde

Dato:15.08.2010, Tidspunkt: 21:29 - Postet i kategorien: Designhjelp.

Gå til Design -> Rediger -> Maler og lim denne koden under profilbildet ditt:

<a href="LINK TIL INNELGGET DU LAGDE"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>
<a href="LINK TIL INNLEGGET DU LAGDE"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>
<a href="LINK TIL INNLEGGET DU LAGDE"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>
<a href="LINK TIL INNLEGGET DU LAGDE"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>


Da skal det bli en sånn knappemeny under profilbildet:


Der hvor det står: LINK TIL INNELGGET DU LAGDE skal du sette inn lenken til et innlegg eller en side man kommer til når man trykker på knappen og der hvor det står: NAVN PÅ KNAPPEN skal du skrive hva hva du vil skal stå på knappen (noe som egentlig sier seg selv).

Hvis du vil ha flere knapper limer du bare inn denne koden videre nedover:

<a href="LINK TIL INNLEGGET DU LAGDE"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPPEN</p><br>

Hvordan fjerne headeren.

Dato:15.08.2010, Tidspunkt: 18:12 - Postet i kategorien: Designhjelp.

Det dere gjør er og gå inn på Design -> Rediger ->Stilsett, finner #Header { og lime denne koden under:
display:none }

Basic koder og Fargekart.

Dato:24.07.2010, Tidspunkt: 19:56 - Postet i kategorien: Designhjelp.

CTRL + C = Kopier
CTRL + X = Klipp ut
CTRL + F = Søk
CTRL + A= Merk alt
CTRL + V= Lim inn

Kursiv tekst -  <i> Tekst </i>
Fet tekst - <b>tekst</b>
Understreket tekst - <u> Tekst </u>
Strek over tekst - <s> Tekst </s>
Midtstille bilde eller tekst - <center> bilde eller tekst </center>
Teksttype - <font face="navnet på tekstypen">tekst</font>
Størrelse på tekst - <font size="1-6">tekst</font>
Farge på teks- <font color="navn på farge">tekst</font>

Mellomrom i sidemenyen - <br>
Legg til et bilde i sidemenyen -  <img src="URL'en til bildet" height="her endrer du størrelse på bildet">
Link i sidemeny - <a href="Adresse til siden">Evt tekst på linken</ a>
Link på bilde i sidemeny - <a href="Link til siden"><img src="URL til bildet" height="Størrelsen du vil ha på bildet"></a>

Skifte bakgrunn på bloggen -
Gå inn i stilsettet ditt og trykk CTRL + F og søk etter: background-color: #
Det du gjør er og hente en farge du vil ha som bakgrunn på bloggen din og sette fargekoden ved siden av # . Sånn at det f.eks blir sånn: background-color: #ddcdb3;
HUSK: ikke glem ; bak fargekoden.

Fargekoder
Diverse fargekoder kan du hente HER.


Her er også noen farger.

Fjerne kategorier, arkiv, siste kommentarer o.l.

Dato:24.07.2010, Tidspunkt: 19:28 - Postet i kategorien: Designhjelp.

Gå inn på Design -> Rediger -> Maler og søk (etter hva du skal fjerne) etter:

<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
</div>


Det du gjør er og fjerne det. Det samme gjør du på arkiv, siste kommentar o.l,  alt etter hva du vil ha fjernet. Men husk at du kun skal fjerne ned til </div> og at du ikke fjerner noe over <h3>Kategorier</h3>/ arkiv, siste kommentar e.l.

Designhjelp - Stort profilbilde.

Dato:24.07.2010, Tidspunkt: 19:00 - Postet i kategorien: Designhjelp.

Gå inn på Design -> Rediger -> Maler og trykk CTRL + F og søk etter:
<img src="${ProfileImageUrl}" alt="${ProfileName}" />

Du gjør er og fjerner den koden, og setter inn denne:
<img src="${ProfileImageUrl}" height="200" width="200" alt="${ProfileName}" />

Du kan endre høyden og størrelsen ved og endre 200 (streket under) på height og width.

Designhjelp - Hvordan få bakgrunn på "dato, klokkeslett og x antall kommentarer"

Dato:16.07.2010, Tidspunkt: 21:52 - Postet i kategorien: Designhjelp.

}
.entry .meta {
background-color: #ddcdb3; <- Her endrer du fargen på bakgrunnen.
padding: 3px;
}

Denne koden limer du inn øverst i stilsettet ditt. Du kan endre farge ved og bytte ut #ddcdb3; med en annen farge. Fargekoder finner du her.

Designhjelp- Endre kommentarknappen.

Dato:16.07.2010, Tidspunkt: 21:39 - Postet i kategorien: Designhjelp.

Synes du det er kjedelig at det står f.eks14 kommentarer, og vil ha noe mer kreativt? Da kan du få hjelp til og endre dette her. Det du gjør er og går inn på Maler og trykker CTRL + F, da kommer det opp en slags "søkelinje", da kan du søke etter denne koden:

<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

... det du gjør er og endre kommentarer til f.eks antall blomster, så det ser slik ut:

<a href="${EntryPermaLink}#comment">${EntryCommentCount} antall blomster.</a>

HUSK: Det blir feil om du får 1 kommentar og det blir seende slik ut: 1 antall blomster, så da må du gå inn på maler og  trykke CTRL+F og søke etter: <a href="${EntryPermaLink}#comment">Én kommentar</a>.
Da må du endre Èn kommentar med Èn blomst (f.eks).

Designhjelp - Strek under overkskrift.

Dato:16.07.2010, Tidspunkt: 20:58 - Postet i kategorien: Designhjelp.

Koden:

h2 {
cursor:default;
background-color: #000000; <- Her kan du endre fargen på bakgrunnen.
color: #000000; <- Her endrer du farge på skriften
font-size:9pt;
font-family:tahoma;
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #000000; <- Her endrer du farge (#000000;) på streka og tykkelsen (2px;)
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Om du vil ha tykkere eller smalere strek endrer du på 2px;.

Designhjelp- Endre størrelse på bloggen.

Dato:16.07.2010, Tidspunkt: 12:50 - Postet i kategorien: Designhjelp.

Gå inn på stilsettet ditt og bla ned til #wrapper { og lim inn denne koden:

width: 800px;

.. om du vil ha større eller mindre størrelse på bloggen endre du på: 800px;. Hvis du vil at headeren skal ha samme størrelse som bloggen, må du lime inn: width: 800px; under #header { også.

Designhjelp- Hvordan få bakgrunnen/bilde til og stå stille.

Dato:16.07.2010, Tidspunkt: 12:44 - Postet i kategorien: Designhjelp.

Denne koden:

BODY {
background-image: url [HER LIMER DU INN URL'EN TIL EVT BILDE]
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}

...limer du inn øverst i stilsettet ditt. Så det ser slik ut:

BODY {
background-image: url; [EVT BILDE URL]
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}

.entry {
background-color: #transparent;
}
body {
background-color: #ddcdb3;
font-family: Tahoma, Geneva, sans-serif;
color: #000000;
}
#header {
background-color: #FFFFFF;
background-image: url('http://pernillehb.blogg.no/images/css/83f6abac964a8adffa8d9e13156d2e47.jpg');
height: 449px;
width: 713px;
margin-left: auto;
margin-right: auto;
}

Designhjelp- Mindre/Større skrift i innleggene

Dato:16.07.2010, Tidspunkt: 11:01 - Postet i kategorien: Designhjelp.

Du går på stilsettet ditt -> #wrapper { og limer inn denne koden:

font-size: 10pt;
..sånn at det ser slik ut:

#wrapper {
background-color: #FFFFFF;
font-size: 10pt;
}

Om du vil ha mindre/større skrift så ender du: 10pt ; med et mindre/større tall.

Designhjelp- Midstille bloggen.

Dato:16.07.2010, Tidspunkt: 10:52 - Postet i kategorien: Designhjelp.

For og midstille bloggen din går du inn på stilsettet ditt. Deretter limer du inn denne koden

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


...under #header{, #wrapper{ og #footer{:
Så det blir slik:

}
#header {
background-color: #FFFFFF;
height: 400px;
background-repeat: no-repeat;
width: 650px;
border: 1px solid #000000;
margin-left: auto;
margin-right: auto;

}
#wrapper {
background-color: #FFFFFF;
width: 650px;
font-size: 8pt;
border: 1px solid #000000;
margin-left: auto;
margin-right: auto;


}
#footer {
background-color: #FFFFFF;
width: 650px;
border: 1px solid #000000;
margin-left: auto;
margin-right: auto;

}

Designhjelp

Dato:16.07.2010, Tidspunkt: 10:41 - Postet i kategorien: Designhjelp.

Her kommer jeg til og legge alle innleggene til designhjelp. Kommer masse mer html- kodder.

bulletsHeader:

Hvordan fjerne headeren.
Fjerne bloggnavn i headeren.

bulletsBloggen:

Midtstille bloggen.
Basic koder og Fargekart.
Endre størrelse på skriften i innleggene.
Hvordan få bakgrunnsfargen/bilde til og stå stille.
Hvordan endre størrelse på bloggen.
Strek under overskrift.
Ramme rundt bloggen. [Kommer]
Endre bakgrunn på bloggen. [Kommer]

bulletsMenyer:

Drop-Down Meny. [Kommer]
Meny under header. [Kommer]
Enkel knappemeny under profilbildet.

bulletsKommentarer/Kommentarfeltet:

Hvordan endre kommentarknappen.
Hvordan få bakgrunn på "dato, klokkeslett og x antall kommentarer"

bulletsSidemenyen:

Hvordan få "mellomrom" mellom blogg og sidemeny.
Hvordan få små bilder i sidemenyen [Kommer]
Større profilbilde.

Hvordan endre størrelse på skrift i sidemenyen. [Kommer]
Hvordan legge inn youtube-film i et innlegg. [Kommer]


Som dere ser så er det kun noen få koder her enda, men etterhvert som jeg får publisert nye koder så kommer det til og bli ferre og ferre [Kommer]. Er det noen koder dere ønsker at jeg kunne ha lagt inn her?

Designhjelp: Hvordan få mellomrom mellom blogg og sidemeny.

Dato:03.04.2010, Tidspunkt: 20:23 - Postet i kategorien: Designhjelp.

Steg en: Det første du må gjøre er og gå inn på stilsettet ditt og fjerne bakgrunnsfarge for #wrapper og #side. Om alt går i ett på bloggen nå, så er man riktig på vei.

Steg to: Det finnes ingen kode hvor du får mellomrom mellom blogg og sidemeny, som jeg har sett. Derfor må du nå gjøre så du får ramme rundt alle innleggene dine. Lim inn denne nederst i stilsettet ditt, og endre det etter sånn du vil ha det:

.entry {   
border: 5px solid #ffffff; [Her kan du endre bredden (5px) og fargen (ffffff) på rammen]
background: #FFFFFF; [Her endrer du farge (FFFFFF) på bakgrunnen, altså der hvor skriften står]
text-align: left; [Her kan du endre hvilken side skriften står på (left), kan endres til center og right]
width: 1070 px; [Her kan du endre bredden (1070) på boksen, der hvor innleggene dine her]
}

Steg tre: Vi er ikke ferdig enda. For som dere sikkert ser så er det ikke ramme rundt sidemenyen. Og det skal vi få gjort noe med, dette er koden for og få ramme rundt sidemenyen.

#side {
width: 190px; HER ENDRER DU STØRRELSEN PÅ SIDEMENYEN.
background-color: #ffffff; HER ENDRER DU BAKGRUNNS-FARGE I SIDEMENYEN.

Steg fire: Du kan regulere hvor stort mellomrommet mellom bloggen og sidemenyen skal være, ved og endre størrelsen på #Wrapper. Jo større tall dere har på #Wrapper jo mer mellomrom blir det.

Håper dette var til hjelp. Jeg har lært denne koden av www.daimls.blogg.no.















PERNILLE HB, 16

E-post:
Pernillehb_blogg@hotmail.no




FØLG:

- Facebook

- Bloglovin

- Tumblr





KATEGORIER:

- Designhjelp

- Anbefalinger

- Fotografier

- Mote

- Outfit

- Spørsmål & Svar

- Videoblogg


Designet funker best i Google Chrome!

hits