Fixa en egen header
Många undrar hur man gör sin egen header och här förklarar jag hur man gör på blogg.se.
1. Börja med att ladda upp en bild som du vill ha som header. Det gör du under skapa/bild.
Det brukar vara lagom med en bredd på ca 800pix. Men det beror på vilken mall du andvänder dig av.
2. När du laddat upp bilden så klickar du på miniatyren som kommer fram.
3. När du klickat på miniatyren som kommer fram, så kommer bilden upp i ett internet fönster. Kopiera adressen som visas i adressfältet. Var noga med att få med hela adressen.
4. När du kopierat adressen så går du till Desin/Redigera stilmall och letar upp avsnittet som heter #header {.
5. Nu ska du klistra in adressen i parantesen där jag har ringat in med lila. Finns det ingen parantes så skriver du url (adressen som du kopierade) bakom där det står "background #färgkod.
6. Du kan behöva ändra höjden på din header. Då höjer/sänker du det som heter "height". Behöver du ändra bredden så är det det som heter "width".
7. Klart! Du kan ändra fler saker, det är bara att testa dig fram.
OBS! Jag tar inget ansvar om något skulle gå fel.
Lycka till med din blogg och hoppas du blir nöjd, om du inte förstår eller undrar något så är det bara att höra av sig.
//Olympia, sajtvärd
Jag vill bara påpeka två saker, det ena, som #1 sa. Och det andra är på punkt ett. Man ska ju ladda upp så stor header som bloggen är bred. Är bloggen bredare än 800px ser det ju lite konstigt ut med en mindre header.
Annars är det en jättebra artikel :)
http://taralom.blogg.se - Min blogg
#1 tänkte inte på det.
#2 kanske det men för mig så har dom alltid varigt 800pis :)
#3 Okej, men du kanske inte har ändrat bredd på din blogg? :) Min blogg har jag gjort ganska så bred för att jag vill lägga upp större bilder ;)
http://taralom.blogg.se - Min blogg
Jag har gjort som det står.. Men ändå blir det bara ingenting, bara headerna som var innan försvinner men den jag har gjort syns inte. Vet ni va jag kan ha gjort för fel?
// Michis
Jag kom på vad jag gjorde för fel ! (#7)
// Michis
#10 Menar du vart man gör headern?
http://taralom.blogg.se - Min blogg
#12 Det gör du i något bildprogram som t.ex. Photoshop eller Paint.
http://taralom.blogg.se - Min blogg
#14 Vilken bild?
http://taralom.blogg.se - Min blogg
#16 Det står inte med, men det är det första du gör. Alltså:
1. Gör din header i något bildprogram.
2. Följa anvisningarna som Olympia skrev där uppe, börja på punkt ett.
http://taralom.blogg.se - Min blogg
#18 Lycka till :)
http://taralom.blogg.se - Min blogg
Är jag helt ute och cyklar eller kan man typ ladda upp hedern på photobucket och ta koden. Och sen då?. Jag har ju blogspot. Någon kan väl typ säga vart i här man ska lägga in koden?
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:100%;
height: 120px;
margin:0 auto 10px;
background: transparent;
}
#header-inner {
background-position: left;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 0px auto;
text-align: left;
width: 100%;
height: 90px;
float: left;
}
#header h1 {
margin: 0;
padding:80px 0 0 500px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:0;
font: $pagetitlefont;
color:$pagetitlecolor;
}
#header a {
color:#F3F3F3;
text-decoration:none;
}
#header a:hover {
color:#F3F3F3;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
Det kan man. Du skriver bara url (adressen till bilden)
#header {
background: #FFFFFF url(http://othurfjell.blogg.se/images/2009/othurfjell_redigerad-1_45305311.jpg) no-repeat right center;
#23 Du ska endast använda http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif
Sen vet jag dock inte om det är något speciellt på blogspot eftersom jag använder blogg.se
http://taralom.blogg.se - Min blogg
Jag har för mig att man kan ladda in sin egen heather utan att krångla med koder. Men jag kan ha fel, har inte aandvänt det på länge.
#26 Haha, va? :P
http://taralom.blogg.se - Min blogg
Ååå blir tokig!. Varför kan det inte bara fungera för!.
Ska det vara såhär?.
#header-inner {
background-position: center;http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif
margin-left: auto;
margin-right: auto;
}
Eller vad?
#29 Testa det här: background: #FFFFFF url (http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif) no-repeat;
http://taralom.blogg.se - Min blogg
#31 Haha, det skulle i alla fall bli lättare för mig att hjälpa dig :P Men du ska ju ha den du trivs bäst med ^^ Du kan ju testa och göra en blogg på blogg.se och se vad du tycker om det (ifall du inte redan har gjort det förut).
Men annars så kan du testa det här, har inte den blekaste aning om det funkar. Men du kan ju testa: background-position: center url (http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif);
http://taralom.blogg.se - Min blogg
#34 Om du menar headern, så testa att ändra margin-värdet under #header i stilmallen till ett lägre tal.
http://taralom.blogg.se - Min blogg
#38 Här finns det på Designa din blogg ;)
http://taralom.blogg.se - Min blogg
#40 Du sökte nog på fel ;) Man måste vara väldigt noga med att söka med rätt ord, vilket kan vara ganska svårt ibland.
http://taralom.blogg.se - Min blogg
#42 Det krånglar åt mig också, men vet faktiskt inte hur jag lyckades fixa till det :P Jag satt och krånglade med det i någon timme innan jag fick till det. Dock har jag fortfarande lite problem som jag måste lösa.
Så jag kan tyvärr inte hjälpa dig med tanke på att jag inte vet hur jag fick till det…
http://taralom.blogg.se - Min blogg
Jag har gjort en egen header till min blogg.(använder blogg.se) Jag klistrar in den efter #header { men sen när jag kollar på bloggen sen är inte headern där och den gammla är borta. Jag har gjort som det står, men tydligen måste jag ha gjort något fel (:
Någon som har något råd??
Har du gjort såhär?
#header {
background: #FFFFFF url(bildlänken här)
no-repeat right center;
Om det inte funkar så är det väldigt kontigt. Det kan ju vara om du glömt ta bort den gamla heathern eller liknande.
Assså det går juh inte
Hur ska jag göööraaaa????
Jag har gjort en "såhär laddar du upp en header-guid" :)
http://evenel.blogg.se/2009/november/hur-du-gor-en-header-1.html#comment
[](och här)[http://evenel.blogg.se/2009/november/sahar-laddar-du-upp-en-header.html#comment](och här)
-' Rebecca Johansson
Var någonstans ska man sätta länken till headern i denna koden?
div#header {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
border-bottom: 1px solid #ddd;
width: 1000px;
}
medarbetare på allergier.ifokus .
#51 Haha, nu fattade jag ;))
medarbetare på allergier.ifokus .
Riiffen: Kan du förklara hur du gjorde? ;)
jo, men jag försökte, men det funkade inte..
dublett
Jag fattar inte nånting?
Jag har blogg.se är det någon skillnad kan man göra det här även om man har det?
Skulle bli jätte glad för svar för jag behöver verkligen hjälp!?
Har dock kunnat det förut men tiden går så fort och jag kommer inte ihåg längre..
Jag fattar delen där man ska kopiera men sen kommer klistra in, VART?
Har en otroligt vacker header som ligger och väntar på att få visas.
HJÄLP!
Hej jag fattar inte var någonstans det man ska klippa in är:
/* Theme Name: dark_army Description: A dark military-style layout. Version: 1.0 Author: sparkBB Author URI: http://www.sparkbb.com/ Tags: fixed width, left sidebar, two columns, valid XHTML, widgets */ /* begin Page */ body { margin: 0 auto; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #6E6E6E; background-image: url('http://i43.tinypic.com/rvf5tf.png'); background-repeat: repeat; color: #8BAAA0; } h2 { font-size: 18px; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGradient { background-image: url('http://i43.tinypic.com/2nhlptw.png'); background-repeat: repeat-x; height: 900px; } table, th, td { font-size: 1em; padding: 0; border-collapse: collapse; } a img { border: 0; } a { color: #9C9C9C; } a:link { color: #9C9C9C; } a:visited { color: #878787; } a:hover { color: #9C9C9C; } /* end Page */ /* begin Box, Sheet */ .Sheet { min-width:23px; min-height:23px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; width: 800px; } * html .Sheet { width:expression(this.offsetWidth < 23 ? 23+"px" : "auto !important"); height:expression(this.offsetHeight < 23 ? 23+"px" : "auto !important"); width: 800px; zoom: 1; } .Sheet-body { position: relative; overflow: hidden; z-index: 0; margin: 6px; text-align: left; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 21px; height: 21px; background-image: url('http://i44.tinypic.com/1zf7sjd.png'); } * html .Sheet-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i
Kan du göra ett stort mellanrum där det ska stå ?
Tack på förhand
ah, jag har blogg.se
Det är stilmall Koden
body {
margin: 0;
padding: 0;
background: #d671aa url('bg2.jpg') repeat-x;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;
}
img {
border: 0;
}
a {
color: #d83591;
}
a:hover {
color: #333;
}
#container {
background: url('bg3.jpg') repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
width:925px;
margin: 0;
}
#wrapper {
background: url('bg.jpg') no-repeat;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}
#header {
padding: 160px 0 0 350px;
}
#side {
margin: 120px 0 0 50px;
padding: 24px 12px 0px;
float: left;
width: 150px;
}
#content {
width: 570px;
float: right;
padding: 20px;
margin: 140px 50px 0px 40px;
}
#header a {
color: #d83591;
font-size: 40px;
font-family: Verdana, Arial, Sans-Serif;
text-decoration: none;
}
#header h2 {
font-size: 11px;
font-family: Georgia, Garamond, Serif;
color: #7a7979;
margin: 15px 0 0 20px;
}
h1 {
font-size: 24px;
font-weight: bold;
letter-spacing:.1em;
color: #FF8080;
margin: 0px 0px 5px;
padding: 0px;
}
h2 {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
margin: 0px;
padding: 00px;
}
/** Entry headers **/
h3 {
font-size: 16px;
font-weight: bold;
color: #4a4a4a;
margin: 0px 0px 10px 0px;
}
.navheader {
font-size: 15px;
font-weight: bold;
color: #d83591;
margin-top: 20px;
margin-bottom: 5px;
}
.nav {
font-size: 12px;
font-weight: normal;
}
.nav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav a { color: #4a4a4a; }
.nav a:hover { color: #CCC; }
/** Post's body text **/
.entrybody {
font-size: 12px;
font-weight: normal;
text-align:justify;
color: #000000;
line-height: 140%;
z-index:2;
margin: 0px 0px 10px;
padding: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-size: .7em;
font-weight: normal;
font-style:italic;
color: #666;
margin-bottom:22px;
}
.entrymeta a { color: #d83591;}
.entrymeta a:hover { color: #333; }
.commentheader {
font-size: .70em;
font-weight: bold;
color: #333;
}
.commenttext {
font-size: .70em;
font-weight: normal;
color: #333;
line-height: 130%;
}
.commentmeta {
font-size: .70em;
font-weight: normal;
color: #666;
margin: 10px 22px 20px 0px;
font-style:italic;
}
.commentmeta a { color: #FF8080; }
.commentmeta a:hover { color: #333; }
.commentform {
font-size: .70em;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
display:none;
border-top: 1px solid #F5FAEC;
border-bottom: 1px solid #CED2C8;
margin: 14px 0px 14px 0px
}
.default {
font-size: 11px;
color: #666;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
padding:1px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
padding:1px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-size: 11px;
}
#calendar {
color: #FFFFFF;
padding: 0px 0px 6px 0px;
text-align: left;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #FFE5E5;
font-size : 12px;
border-bottom: 1px solid #FFFFFF;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #F1F1F1;
text-align: center;
font-size: xx-small;
color: #FFE5E5;
}
#calendar table tr ul {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #F1F1F1;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-size : 0.8em;
}
#calendar table tr td ul li {
}
#calendar table tr td div.cssDayEntryHeader {
font-size : 12px;
text-align: left;
font-weight: bold;
padding: 4;
color: #FF8080;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
img {
padding: 1px;
}
table, td {
padding: 2px;
}
#profile {
font-size : 0.7em;
margin-bottom: 10px;
color: #fff;
}
#profile h4{
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
padding: 0px;
margin: 0px;
}
#profile p{
margin-left: 4px;
}
#profile p a{
color: #fff;
}
#profile p a:hover{
color: #333;
}
.navheader a {
color: #d83591;
text-decoration: none;
}
-är denna bättre?
kan du sätta in denna texten i ? :
http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11_122730785.jpg
Ja, det var bättre. Där det står:
#header {
padding: 160px 0 0 350px;
}
lägger du in din header. Om du vill kan du ta bort den raden helt och lägga in min:
#header {
background: #ffffff url(HÄR LÄGGER DU IN DIN HEADER) no-repeat right top;
padding-left: 90px;
padding-bottom:14px;
padding-top:30px;
margin: 0px;
width: 810px;
height: 410px;
}
Men du kanske måste ändra lite på siffrorna tills det ser rätt ut!
Hej jag kan inte hitta texten kan på lägga in den "texten" med adressen till mig i texten ?
Aja, okej, det är ju jul ;)
body {
margin: 0;
padding: 0;
background: #d671aa url('bg2.jpg') repeat-x;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;
}
img {
border: 0;
}
a {
color: #d83591;
}
a:hover {
color: #333;
}
#container {
background: url('bg3.jpg') repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
width:925px;
margin: 0;
}
#wrapper {
background: url('bg.jpg') no-repeat;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}
#header {
background: #ffffff url(http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11_122730785.jpg) no-repeat right top;
padding-left: 90px;
padding-bottom:14px;
padding-top:30px;
margin: 0px;
width: 810px;
height: 410px;
}
#side {
margin: 120px 0 0 50px;
padding: 24px 12px 0px;
float: left;
width: 150px;
}
#content {
width: 570px;
float: right;
padding: 20px;
margin: 140px 50px 0px 40px;
}
#header a {
color: #d83591;
font-size: 40px;
font-family: Verdana, Arial, Sans-Serif;
text-decoration: none;
}
#header h2 {
font-size: 11px;
font-family: Georgia, Garamond, Serif;
color: #7a7979;
margin: 15px 0 0 20px;
}
h1 {
font-size: 24px;
font-weight: bold;
letter-spacing:.1em;
color: #FF8080;
margin: 0px 0px 5px;
padding: 0px;
}
h2 {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
margin: 0px;
padding: 00px;
}
/** Entry headers **/
h3 {
font-size: 16px;
font-weight: bold;
color: #4a4a4a;
margin: 0px 0px 10px 0px;
}
.navheader {
font-size: 15px;
font-weight: bold;
color: #d83591;
margin-top: 20px;
margin-bottom: 5px;
}
.nav {
font-size: 12px;
font-weight: normal;
}
.nav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav a { color: #4a4a4a; }
.nav a:hover { color: #CCC; }
/** Post's body text **/
.entrybody {
font-size: 12px;
font-weight: normal;
text-align:justify;
color: #000000;
line-height: 140%;
z-index:2;
margin: 0px 0px 10px;
padding: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-size: .7em;
font-weight: normal;
font-style:italic;
color: #666;
margin-bottom:22px;
}
.entrymeta a { color: #d83591;}
.entrymeta a:hover { color: #333; }
.commentheader {
font-size: .70em;
font-weight: bold;
color: #333;
}
.commenttext {
font-size: .70em;
font-weight: normal;
color: #333;
line-height: 130%;
}
.commentmeta {
font-size: .70em;
font-weight: normal;
color: #666;
margin: 10px 22px 20px 0px;
font-style:italic;
}
.commentmeta a { color: #FF8080; }
.commentmeta a:hover { color: #333; }
.commentform {
font-size: .70em;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
display:none;
border-top: 1px solid #F5FAEC;
border-bottom: 1px solid #CED2C8;
margin: 14px 0px 14px 0px
}
.default {
font-size: 11px;
color: #666;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
padding:1px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
padding:1px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-size: 11px;
}
#calendar {
color: #FFFFFF;
padding: 0px 0px 6px 0px;
text-align: left;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #FFE5E5;
font-size : 12px;
border-bottom: 1px solid #FFFFFF;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #F1F1F1;
text-align: center;
font-size: xx-small;
color: #FFE5E5;
}
#calendar table tr ul {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #F1F1F1;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-size : 0.8em;
}
#calendar table tr td ul li {
}
#calendar table tr td div.cssDayEntryHeader {
font-size : 12px;
text-align: left;
font-weight: bold;
padding: 4;
color: #FF8080;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
img {
padding: 1px;
}
table, td {
padding: 2px;
}
#profile {
font-size : 0.7em;
margin-bottom: 10px;
color: #fff;
}
#profile h4{
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
padding: 0px;
margin: 0px;
}
#profile p{
margin-left: 4px;
}
#profile p a{
color: #fff;
}
#profile p a:hover{
color: #333;
}
.navheader a {
color: #d83591;
text-decoration: none;
}
Men du lär få ändra lite på siffrorna sen :)
Hej igen förlåt om jag är jobbig, men kan du leta reda på var man ska lägga in " texten" nån stans i denna kodmallen ?
Den blir lättare att läsa lite längre ner :)
body{color:#666; background: #F8E9D6; font-family: arial; font-size:8pt; cursor: text;}
A:link, A:visited, A:active{color: #777; text-decoration:none; -webkit-transition: .4s;}
A:hover{color: transparent; text-shadow: 1px 1px 1px #777; cursor:vertical-text;}
.headers{text-align:left; line-height:40%; font-family:georgia italic; font-size:15pt; letter-spacing:-2pt; color: #666;}
.pink{background:#F3B3A7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #F3B3A7; -webkit-box-shadow:0px 0px 10px #F3B3A7; -moz-box-shadow:0px 0px 10px #F3B3A7;}
.lightpink{background:#EFCCB7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;}
.lightgreen{background:#E1DBBF; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #E1DBBF; -webkit-box-shadow:0px 0px 10px #E1DBBF; -moz-box-shadow:0px 0px 10px #E1DBBF;}
.green{background:#C3C9A0; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #C3C9A0; -webkit-box-shadow:0px 0px 10px #C3C9A0; -moz-box-shadow:0px 0px 10px #C3C9A0;}
.title{text-align:right; color:#666; font-size:15pt; font-family: georgia italic; text-transform: none; letter-spacing: -1pt;}
.date{text-align:right; color:#666; font-size:8pt; font-family: georgia; border-top: 1px dashed #e8c3ae; border-bottom: 1px dashed #e8c3ae}
blockquote {padding:10px; border:2px solid #f6f2f1; background-color:#faf7f6;}
i{font-family:georgia;}
u{text-decoration:none; border-bottom:#888 dashed 1px;}
img{padding:5px; -webkit-transition-duration:.2s; box-shadow: 0px 0px 20px #d68f84; -webkit-box-shadow: 0px 0px 20px #d68f84; -moz-box-shadow: 0px 0px 20px #d68f84;}
img:hover{filter:alpha(opacity=60);moz-opacity:.60;opacity:.60; cursor:crosshair; padding:5px;}
textarea {
font-family: georgia;
font-size: 9px;
letter-spacing: 2px;
color: #000000;
border: 1px solid #EFCCB7;
box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;
-moz-border-radius: 5px;
width: 85%;
height: 40px;
}
.commentheader {
background:#fcfcfc url();
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
color:#727272;
font-family:georgia,century;
font-size:10px;
font-weight:normal;
margin:0px 15px 0px;
padding-bottom:0px;
padding-left:20px;
padding-top:10px;
letter-spacing:0.1em;
text-align:left;
}
.commenttext {
background:#fcfcfc url();
color:#7b7b7b;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
padding-top:5px;
font-family:georgia;
font-size:10px;
font-weight:normal;
line-height:146%;
margin:0px 15px 0px;
padding-left:20px;
padding-right:25px;
text-align:left;
}
.random {
background:#fcfcfc url();
color:#b1aeae;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
font-family:tahoma;
font-size:10px;
font-weight:normal;
line-height:145%;
margin:0px 15px 0px;
padding-bottom:10px;
padding-left:20px;
padding-top:1px;
}
.random a {
border-bottom: solid 0px #f8b0b5;
border-top:0 solid #F2CBA5;
color:#eeb1be;
font-family:tahoma;
font-size:11px;
font-weight:normal;
letter-spacing:0.0em;
}
.random a:hover {
border-bottom: solid 0px #f8b0b5;
border-top:0 solid #F2CBA5;
color:#cdbdc0;
font-family:tahoma;
font-size:11px;
font-weight:normal;
letter-spacing:0.0em;
}
.commentmeta {
background:#fcfcfc url();
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
color:#96969c;
font-family:tahoma;
font-size:10px;
font-weight:normal;
line-height:144%;
margin:0px 15px 15px;
padding:10px 20px 8px;
text-align:right;
}
.commentmeta a {
color:#7a7a7a;
font-size:10px;
font-family:tahoma;
text-decoration:none;
font-weight:normal;
letter-spacing:0.0em;
}
.commentmeta a:hover {
border-bottom: solid 0px #f8b0b5;
border-top:0 solid #F2CBA5;
color:#ec7796;
font-family:tahoma;
font-size:10px;
font-weight:normal;
letter-spacing:0.0em;
}
.commentform {
background:#fcfcfc url();
border:1px solid #e5e5e5;
font-family:tahoma;
font-size:10px;
font-weight:normal;
text-align:left;
margin:0px 15px 10px;
padding-left:20px;
}
.commentform textarea {
background: transparent;
border: 0px none;
height: 124px;
width: 394px;
color: #514F50;
font-family: tahoma;
font-size: 10px;
margin-bottom: 3px;
margin-top: 3px;
margin-left: 3px;
}
eller nej det hehöver du inte sorry ! :D
Fixar nu !
Aja, jag är inte säker nu, koden ser konstig ut tycker jag, känner inte igen den. Men har gjort en gissning och satt in din bild.. men som sagt inte säker :)
body{color:#666; background: #F8E9D6; font-family: arial; font-size:8pt; cursor: text;}
A:link, A:visited, A:active{color: #777; text-decoration:none; -webkit-transition: .4s;}
A:hover{color: transparent; text-shadow: 1px 1px 1px #777; cursor:vertical-text;}
#header {
background: #ffffff url(http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11_122730785.jpg) no-repeat right top;
padding-left: 90px;
padding-bottom:14px;
padding-top:30px;
margin: 0px;
width: 810px;
height: 410px;
}
.pink{background:#F3B3A7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #F3B3A7; -webkit-box-shadow:0px 0px 10px #F3B3A7; -moz-box-shadow:0px 0px 10px #F3B3A7;}
.lightpink{background:#EFCCB7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;}
.lightgreen{background:#E1DBBF; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #E1DBBF; -webkit-box-shadow:0px 0px 10px #E1DBBF; -moz-box-shadow:0px 0px 10px #E1DBBF;}
.green{background:#C3C9A0; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #C3C9A0; -webkit-box-shadow:0px 0px 10px #C3C9A0; -moz-box-shadow:0px 0px 10px #C3C9A0;}
.title{text-align:right; color:#666; font-size:15pt; font-family: georgia italic; text-transform: none; letter-spacing: -1pt;}
.date{text-align:right; color:#666; font-size:8pt; font-family: georgia; border-top: 1px dashed #e8c3ae; border-bottom: 1px dashed #e8c3ae}
blockquote {padding:10px; border:2px solid #f6f2f1; background-color:#faf7f6;}
i{font-family:georgia;}
u{text-decoration:none; border-bottom:#888 dashed 1px;}
img{padding:5px; -webkit-transition-duration:.2s; box-shadow: 0px 0px 20px #d68f84; -webkit-box-shadow: 0px 0px 20px #d68f84; -moz-box-shadow: 0px 0px 20px #d68f84;}
img:hover{filter:alpha(opacity=60);moz-opacity:.60;opacity:.60; cursor:crosshair; padding:5px;}
textarea {
font-family: georgia;
font-size: 9px;
letter-spacing: 2px;
color: #000000;
border: 1px solid #EFCCB7;
box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;
-moz-border-radius: 5px;
width: 85%;
height: 40px;
}
.commentheader {
background:#fcfcfc url();
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
color:#727272;
font-family:georgia,century;
font-size:10px;
font-weight:normal;
margin:0px 15px 0px;
padding-bottom:0px;
padding-left:20px;
padding-top:10px;
letter-spacing:0.1em;
text-align:left;
}
.commenttext {
background:#fcfcfc url();
color:#7b7b7b;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
padding-top:5px;
font-family:georgia;
font-size:10px;
font-weight:normal;
line-height:146%;
margin:0px 15px 0px;
padding-left:20px;
padding-right:25px;
text-align:left;
}
.random {
background:#fcfcfc url();
color:#b1aeae;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
font-family:tahoma;
font-size:10px;
font-weight:normal;
line-height:145%;
margin:0px 15px 0px;
padding-bottom:10px;
padding-left:20px;
padding-top:1px;
}
.random a {
border-bottom: solid 0px #f8b0b5;
border-top:0 solid #F2CBA5;
color:#eeb1be;
font-family:tahoma;
font-size:11px;
font-weight:normal;
letter-spacing:0.0em;
}
.random a:hover {
border-bottom: solid 0px #f8b0b5;
border-top:0 solid #F2CBA5;
color:#cdbdc0;
font-family:tahoma;
font-size:11px;
font-weight:normal;
letter-spacing:0.0em;
}
.commentmeta {
background:#fcfcfc url();
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
color:#96969c;
font-family:tahoma;
font-size:10px;
font-weight:normal;
line-height:144%;
margin:0px 15px 15px;
padding:10px 20px 8px;
text-align:right;
}
.commentmeta a {
color:#7a7a7a;
font-size:10px;
font-family:tahoma;
text-decoration:none;
font-weight:normal;
letter-spacing:0.0em;
}
.commentmeta a:hover {
border-bottom: solid 0px #f8b0b5;
border-top:0 solid #F2CBA5;
color:#ec7796;
font-family:tahoma;
font-size:10px;
font-weight:normal;
letter-spacing:0.0em;
}
.commentform {
background:#fcfcfc url();
border:1px solid #e5e5e5;
font-family:tahoma;
font-size:10px;
font-weight:normal;
text-align:left;
margin:0px 15px 10px;
padding-left:20px;
}
.commentform textarea {
background: transparent;
border: 0px none;
height: 124px;
width: 394px;
color: #514F50;
font-family: tahoma;
font-size: 10px;
margin-bottom: 3px;
margin-top: 3px;
margin-left: 3px;
}
Okej tack
Jättesnällt :D
Men sidan blir bara konstig :S
Börja om från början?
medarbetare på allergier.ifokus .
Det funkar inte att ladda upp bilden! Jag har testat med 2 olika som jag gjort i Paint men ingen av dem funkar! :(( Vad ska jag göra?
"Det är inte människor som hatar mig, det är jag som hatar människor"
vad har du för format?
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
Vad är det?
"Det är inte människor som hatar mig, det är jag som hatar människor"
Det finns olika format man kan spara bilden i. tex jpg, png osv. Har du gjort den själv?
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
Ja jag gjorde den i paint.
"Det är inte människor som hatar mig, det är jag som hatar människor"
sparade du bilden i jpg? eller i vilket format sparade du filen i?
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
Va? Fattar inte :S
"Det är inte människor som hatar mig, det är jag som hatar människor"