webForumDet fria alternativet

Bild i CSS kod ?!

4 svar · 737 visningar · startad av pinkrose

pinkroseMedlem sedan okt. 200523 inlägg
#1

Jag har ett litet problem.

Jag använder Bioblog när jag skriver dagbok.
Man kan bara styra layouten genom CSS kod.
Gillar min layout ganska bra som den e nu
de e bara en saker jag vill ändra .

Jag vill ha en bild längst upp på sidan
nu e de ju så att jag inte kan styra bioblog bloggen
speciellt mycke, de enda jag kan göra är att använda en CSS kod.

Nu undrar jag är de möjligt att kunna fixa dit en bild längst upp.

Kanske genom h1 koden , den använder jag ju just nu till en mixfärgad bakgrund med texten Pinkrose !
Kanske man kan pilla bort den mixfärgade bakgrunden och ersätta med bilden jag vill ha längst upp ??
Eller finns de nåt annat sätt ????

Bilden jag vill använda heter diarytop1.jpg
( http://www.pinkrose.se/diarytop1.jpg )

Den har storleken 402 x 150 bildpunkter.

Min blogg hittar du på min hemsida :
http://www.pinkrose.se
Klicka på Diary -> Diary

Skickar även med min CSS kod som den ser ut nu .

body { 
scrollbar-face-color: #EBD2F0;
scrollbar-shadow-color: #EBD2F0;
scrollbar-highlight-color: #EBD2F0;
scrollbar-3dlight-color: #EBD2F0;
scrollbar-darkshadow-color: #9B3AAF;
scrollbar-track-color: #EBD2F0;
scrollbar-arrow-color: #000000;

} 
BODY {CURSOR : URL("http://pink-baby.com/copyright/cursor/cursor13.ani")}

input, button, select {font-family: Tahoma, Verdana, Arial;
font-size: 11px;
background-color: #ffffff;
border: 1px solid #000000;
padding: 1px 3px;
height:18px
}

.formular {  
color: #000000;
font-family: Tahoma, verdana, arial; 
font-weight:bold; 
font-size:11px;
letter-spacing: 1px;
}

.message
{
 COLOR:#000000;
}

.comment
{
 COLOR:#000000;
}
.TextField
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
}
.Button
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
 FONT-WEIGHT:bolder;
}
.headline
{
 FONT-SIZE:10pt;
}

a:link { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:visited { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:active { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:hover {color: #000000;text-decoration:underline overline; background:#ffffff; position: relative; left: 1px; top: 1px;}

body { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
p,br { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
li{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
table{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
td { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
tr { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
h1{
background:url("http://www.pinkrose.se/dagbokstyle/mix.gif");
font-family: Tahoma, verdana, arial;
font-weight: bold;
font-size:13px;
font-variant:small-caps;
letter-spacing: 2px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
padding-left: 4%}
h2{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-size:12px;
font-style:italic;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}
h3{
background:url("http://www.pinkrose.se/dagbokstyle/lilaljus.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-variant:small-caps;
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}

h4{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal; 
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%;
   border: 1px dashed #000000;
}
body { 
color: #000000; 
background: #EBD2F0; 
margin: 0px; 
}

#title{margin-top:15px}
.text{font-family:verdana}
#page{margin-left:12px}
hypatiaMedlem sedan feb. 20011 325 inlägg
#2

Samma fråga i två forum på samma dag och dessutom i min gästbok. Hmm...

Men bara för att jag är på gott humör idag skickar jag en länk där du kan läsa om hur du kan använda bilder som rubriker via CSS. ;)

http://www.dileno.com/default.aspx?CatId=4&ArtId=46

red. glömde visst länken. ;)

pinkroseMedlem sedan okt. 200523 inlägg
#3

hypatia skrev:

Samma fråga i två forum på samma dag och dessutom i min gästbok. Hmm...

Men bara för att jag är på gott humör idag skickar jag en länk där du kan läsa om hur du kan använda bilder som rubriker via CSS. ;)

http://www.dileno.com/default.aspx?CatId=4&ArtId=46

red. glömde visst länken. ;)

Tack för länken det hjälper mig en bit på väg
nu har jag fått upp min bild och allt ser bra ut förutom en sak,
i bioblogen ska man skriva en titeltext för att göra så att
h1 syns, jag har bara skrivet en stjärna * men de e ju inte snyggt med
en svart stjärna mitt i min bild, nu tänkte jag att man kanske
kan göra den där stjärnan i samma färg som bakgrunden på sidan
så syns den ju inte ;)

Så vad göra ? Vilken kod ska jag lägga in om jag vill ha text färgen i h1 i färgen #EBD2F0.

CSS koden (med bild i h1) ser nu ut så här :

body { 
scrollbar-face-color: #EBD2F0;
scrollbar-shadow-color: #EBD2F0;
scrollbar-highlight-color: #EBD2F0;
scrollbar-3dlight-color: #EBD2F0;
scrollbar-darkshadow-color: #9B3AAF;
scrollbar-track-color: #EBD2F0;
scrollbar-arrow-color: #000000;

} 
BODY {CURSOR : URL("http://pink-baby.com/copyright/cursor/cursor13.ani")}

input, button, select {font-family: Tahoma, Verdana, Arial;
font-size: 11px;
background-color: #ffffff;
border: 1px solid #000000;
padding: 1px 3px;
height:18px
}

.formular {  
color: #000000;
font-family: Tahoma, verdana, arial; 
font-weight:bold; 
font-size:11px;
letter-spacing: 1px;
}

.message
{
 COLOR:#000000;
}

.comment
{
 COLOR:#000000;
}
.TextField
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
}
.Button
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
 FONT-WEIGHT:bolder;
}
.headline
{
 FONT-SIZE:10pt;
}

a:link { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:visited { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:active { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:hover {color: #000000;text-decoration:underline overline; background:#ffffff; position: relative; left: 1px; top: 1px;}

body { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
p,br { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
li{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
table{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
td { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
tr { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
h1 { width: 402px; height: 150px; background: url(diarytop1.jpg) no-repeat;
h1 span { display: none; }
font-family: Tahoma, verdana, arial;
font-weight: bold;
font-size:13px;
font-variant:small-caps;
letter-spacing: 2px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
padding-left: 4%}
h2{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-size:12px;
font-style:italic;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}
h3{
background:url("http://www.pinkrose.se/dagbokstyle/lilaljus.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-variant:small-caps;
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}

h4{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal; 
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%;
   border: 1px dashed #000000;
}
body { 
color: #000000; 
background: #EBD2F0; 
margin: 0px; 
}

#title{margin-top:15px}
.text{font-family:verdana}
#page{margin-left:12px}
liljaMedlem sedan juli 20041 219 inlägg
#4

h1 { width: 402px; height: 150px; background: url(diarytop1.jpg) no-repeat; color: #EBD2F0; }

eller har jag missförtått något??

pinkroseMedlem sedan okt. 200523 inlägg
#5

lilja skrev:

h1 { width: 402px; height: 150px; background: url(diarytop1.jpg) no-repeat; color: #EBD2F0; }

eller har jag missförtått något??

Super tack de funka !!!!!! :P :bire

Genererad på 379 ms · cache AV · v20260730165559-full.f96bc7eb