design hjälp!
SÅ HÄR GÖR MAN:
1. Tryck på fliken skapa i din blogg.
2. Tryck sedan på underfliken bild.
3. Bläddra nu efter bilden du vill ha.
4. Tryck på ladda upp.
5. Nu kommer du se en miniatyr av bilden du valt. Klicka på bilden.
6. Nu ser du bilden i ett internefönster. Kopiera internetadressen till bilden.
7. Klistra tillfälligt in internetadressen i ett dokument eller något på datorn.
7. Backa nu ett steg.
8. Gå in i din stilmall.
9. Gå längst ner i din stilmall och klistra in följande kod:
textarea{
background-color: #ffd4ec;
background-image: url(http://din bildadress här);
border: 1px solid #ff8ecd;
color: #e3e3e3;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
font-weight: normal;
width: 380px;
height: 200px;
}
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
border: 1px solid #ff8ecd;
}
10. Ta nu och kopiera andressen till bilden igen.
11. Klistra in den i koden du nyss klistrade in din stilmall där det står: http://din bildadress här. Det är viktigt att inomparengteserna är kvar.
(BER OM URSÄKT ATT DE BLEV EN BILDLÖS BESKRIVNING, MEN DET SKA NOG GÅ BRA ÄNDÅ! OM INTE SÅ HOJTA TILL)
FÖR DIG SOM VILL LÄRA DIG LITE EXTRA:
Här kommer en förklaring på vad som styr vad i koden så ni vet det.
textarea{
background-color: #ffd4ec; <-- HÄR BYTER MAN BAKGRUNDSFÄRGEN I KOMMENTARSRUTAN
background-image: url(http://din bildadress här); <-- HÄR KLISTRAR MAN IN ADRESSEN TILL DEN BILD MAN VILL HA SOM BAKGRUND I KOMMENTARSRUTAN OM MAN VILLHA EN BILD.
border: 1px solid #ff8ecd; <-- HÄR BYTER DU FÄRG OCH BREDD PÅ RAMLINJEN RUNT KOMMENTARSRUTAN. öKA ANTALET PIXLAR OM DU VILL HA BREDARE RAMLINJE.
color: #e3e3e3; <-- HÄR BYTER DU FÄRG PÅ TEXTEN NÄR DOM SKRIVER I KOMMENTARSRUTAN.
font-family: tahoma, arial, sans-serif; <-- HÄR VÄLJER MAN TECKENSNITT. dEN LITSN KAN DU FLYLLA PÅ OM DU VILL, DE SOM STÅR FÖRST ÄR DET DEN VÄLJER I FÖRSTA HAND, MEN OM DET TECKENSNITTET INTE FINNS PÅ DEN DATOR MAN TITTAR PÅ BLOGGEN MED SÅ VISAS NÄSTA TECKENSNITT I LEDET.
font-size: 11px; <-- STORLEKEN PÅ TEXTEN SOM BLIR NÄR MAN SKRIVER I KOMMENTARSRUTAN
font-weight: normal; <-- DENNA BEHÖVER DU INTE BRY DIG OM.
width: 380px; <-- HÄR BESTÄMMER DU BREDDEN PÅ KOMMENTARSRUTAN
height: 200px; <-- HÄR BESTÄMMER DU HÖJDEN.
}
Hela den delen här ovanför styr kommentarsrutan och hela den delen här nedanför styr namn, e-post och url -tutorna. Av beskrivningen på delen här ovanför så förstår du även vad som styr vad här nedanför!
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
border: 1px solid #ff8ecd;
}
1. Tryck på fliken skapa i din blogg.
2. Tryck sedan på underfliken bild.
3. Bläddra nu efter bilden du vill ha.
4. Tryck på ladda upp.
5. Nu kommer du se en miniatyr av bilden du valt. Klicka på bilden.
6. Nu ser du bilden i ett internefönster. Kopiera internetadressen till bilden.
7. Klistra tillfälligt in internetadressen i ett dokument eller något på datorn.
7. Backa nu ett steg.
8. Gå in i din stilmall.
9. Gå längst ner i din stilmall och klistra in följande kod:
textarea{
background-color: #ffd4ec;
background-image: url(http://din bildadress här);
border: 1px solid #ff8ecd;
color: #e3e3e3;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
font-weight: normal;
width: 380px;
height: 200px;
}
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
border: 1px solid #ff8ecd;
}
10. Ta nu och kopiera andressen till bilden igen.
11. Klistra in den i koden du nyss klistrade in din stilmall där det står: http://din bildadress här. Det är viktigt att inomparengteserna är kvar.
(BER OM URSÄKT ATT DE BLEV EN BILDLÖS BESKRIVNING, MEN DET SKA NOG GÅ BRA ÄNDÅ! OM INTE SÅ HOJTA TILL)
FÖR DIG SOM VILL LÄRA DIG LITE EXTRA:
Här kommer en förklaring på vad som styr vad i koden så ni vet det.
textarea{
background-color: #ffd4ec; <-- HÄR BYTER MAN BAKGRUNDSFÄRGEN I KOMMENTARSRUTAN
background-image: url(http://din bildadress här); <-- HÄR KLISTRAR MAN IN ADRESSEN TILL DEN BILD MAN VILL HA SOM BAKGRUND I KOMMENTARSRUTAN OM MAN VILLHA EN BILD.
border: 1px solid #ff8ecd; <-- HÄR BYTER DU FÄRG OCH BREDD PÅ RAMLINJEN RUNT KOMMENTARSRUTAN. öKA ANTALET PIXLAR OM DU VILL HA BREDARE RAMLINJE.
color: #e3e3e3; <-- HÄR BYTER DU FÄRG PÅ TEXTEN NÄR DOM SKRIVER I KOMMENTARSRUTAN.
font-family: tahoma, arial, sans-serif; <-- HÄR VÄLJER MAN TECKENSNITT. dEN LITSN KAN DU FLYLLA PÅ OM DU VILL, DE SOM STÅR FÖRST ÄR DET DEN VÄLJER I FÖRSTA HAND, MEN OM DET TECKENSNITTET INTE FINNS PÅ DEN DATOR MAN TITTAR PÅ BLOGGEN MED SÅ VISAS NÄSTA TECKENSNITT I LEDET.
font-size: 11px; <-- STORLEKEN PÅ TEXTEN SOM BLIR NÄR MAN SKRIVER I KOMMENTARSRUTAN
font-weight: normal; <-- DENNA BEHÖVER DU INTE BRY DIG OM.
width: 380px; <-- HÄR BESTÄMMER DU BREDDEN PÅ KOMMENTARSRUTAN
height: 200px; <-- HÄR BESTÄMMER DU HÖJDEN.
}
Hela den delen här ovanför styr kommentarsrutan och hela den delen här nedanför styr namn, e-post och url -tutorna. Av beskrivningen på delen här ovanför så förstår du även vad som styr vad här nedanför!
input{
background-color: #ffd4ec;
border: 1px dashed #FF0087;
font-family: verdana;
color: #ff8ecd;
font-weight: bold;
font-size: 10px;
border: 1px solid #ff8ecd;
}
de här var ja hur man fixar med kommentarsrutan. stilen, färg m.m!
Hoppas att det här inlägget kan hjälpa er med det! pusss
Kommentarer
Postat av: E M E L I E ~ Bengtsfors största blogg ♥
Svar
Jao :)
Koden du la ut här har inget med texten ovanför här va?
Postat av: Felicia :)
sv: har lagt till dig, lägg till mig :)
Postat av: Elin › en personlig fotoblogg
Kul med designtips för de som inte redan visste det :)
Postat av: Hemin Bandello
Tack lärde mig lite =)
Trackback