REBECKA - foto & vardag

Designtips: Hur man ändrar stilen på sina svarskommentarer

Datum: 2013-02-13 Klockan: 18:31:05

Kände för att göra ett litet designtips just nu, så då gjorde jag det! Ett utav de lättare designtrixen men ändå något som förbättrar ens blogg mer än vad man tror :) För bäst video, kolla i 720px eller 1800px!

Koden;

.response {
border-left: 0px solid #ECCFC5;
border-right: 0px solid #ECCFC5;
font-family: tahoma;
font-size: 11px;
text-align: left;
background: #fff;
font-weight: normal;
margin-left:5px;
margin-right:5px;
padding-top:2px;
padding-bottom:9px;
padding-left: 15px;
padding-right: 25px;
color: #706654;
line-height: 150%;
}

.response-by { 
border-left: 0px solid #ECCFC5;
border-right: 0px solid #ECCFC5;
font-family: tahoma;
font-size: 11px;
text-align: left;
background: #fff;
font-weight: normal;
margin-left:5px;
margin-right:5px;
padding-top:1px;
padding-bottom:0px;
padding-left: 15px;
padding-right: 25px;
color: #706654;
line-height: 150%;
}


#kommentarslänk {
text-align: CENTER;
font-family: Tahoma;
font-size: 12px;
color: #c0c0c0;
margin-top: -10px;
}

#kommentarslänk a {
color: #c0c0c0;
}

.entrymeta a { color: #c0c0c0; text-decoration:none;}
.entrymeta a:hover { color: #c0c0c0;text-decoration:none; }

.commentheader {
border: 0px solid #ECCFC5;
font-family: Georgia;
font-size: 11px;
text-align: left;
background: #FBF4F2;
font-weight: normal;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-top: 2px;
padding-bottom: 2px;
color: #95857A;
}
.commenttext {
border-left: 0px solid #ECCFC5;
border-right: 0px solid #ECCFC5;
font-family: tahoma;
font-size: 11px;
text-align: left;
background: #fff;
font-weight: normal;
margin-left:5px;
margin-right:5px;
padding-top:8px;
padding-bottom:9px;
padding-left: 15px;
padding-right: 25px;
color: #706654;
line-height: 150%;
}
.commentmeta {
border: 0px solid #ECCFC5;
font-family: tahoma;
font-size: 10px;
line-height: 150%;
text-align: left;
margin-left:5px;
margin-right:5px;
margin-bottom:16px;
padding-top:2px;
padding-right:15px;
padding-left:15px;
padding-bottom:2px;
font-weight: normal;
color: #605c5a;
background: #FBF4F2;
}
.commentmeta a { color: #7a7a7a; text-transform: normal; text-decoration:none; }
.commentmeta a:hover {color: #8e8e8e; border-top: 0px solid #8e8e8e; border-bottom: 0px solid #f2cba5; text-decoration:bold;font-size: 10px;}

.commentform {
font-family: tahoma;
font-size: 10px;
text-align: left;
font-weight: normal;
margin-left:5px;
margin-right:5px;
color: #696969;
background: #fff;
border: 0px solid #ECCFC5;
}

©På alla bilder! Kategori: Designhjälp

Kommentarer

svea ~ maviedesvea ★

Hur har du gjort så att kategorierna är i två "koloner" eller vad man ska säga?

Har letat hur man gör överallt men hittar inget, det skulle betyda mer än guld om du berättade hur man gör!

Svar: Oj jag vet knappt själv haha, asså det är jätteknepigt och vet inte hur jag lyckades.. Men man måste liksom lägga in kategorierna så att de ligger bredvid varandra om vartannat, och sen använda denna kod; så att de får ett avstånd mellan varandra. Men om vi säger att du har två kategorier, typ som jag; Mitt liv & Foto. Då måste du ha varannan mitt liv, varannan foto. Så första mitt liv kategorin; - Shopping (och dess kod här) sen foto-kategorin; - Djur & Natur (och dess kod här) och sen fortsätter du så tills du har alla kategorier. Men Om du har två kategorier så måste du ju ha mellanrum somsagt, så om Shopping & Djur och natur är de två första i de olika spalterna ska det, om "Mitt liv"-kategorin är först, vara ett antal mellan shopping och djur & natur, tills djur & natur är på det stället som du vill att det ska vara då det är den kategorin du vill skjuta ifrån. Jättekrångligt, kan tyvärr inte förklara på nåt annat sätt :S Kom ihåg också att du måste ha rubriker på de olika kategorierna, och då måste du göra mellanrum mellan dom kategorinamnen också. Hoppas du lyckas! Kram

Rebecka

2013-07-03 @ 23:09:16
URL: http://maviedesvea.blogg.se

svea ~ maviedesvea ★

Tack så mycket! :)

2013-07-04 @ 00:09:26
URL: http://maviedesvea.blogg.se

Carolina - Stall Assla

Åh jag får det verkligen inte att fungera :( Jag kan inte ändra bara just svaret?

Svar: Jag gick in på eran blogg och kollade och det ser ju bra ut! Vad är det du vill ändra? :)

Rebecka

2013-12-03 @ 19:39:57
URL: http://asslatjejerna.se

Carolina - Stall Assla

sv/ Jag fick googla mig till lite istället. Men super om du har hjälpt många andra ju! Jag får strunta i bakgrund jag :)

Svar: Okej, synd att det inte funkade! Det kanske är olika beroende på tema, tidigare design osv. :/ Men vad bra att det löste sig! Kram

Rebecka

2013-12-03 @ 20:15:46
URL: http://asslatjejerna.se

    LÄS DETTA INNAN DU KOMMENTERAR!

    FOTON
    - Stort © på alla bilder.
    - Alla foton har jag tagit, om inget annat sägs i inlägget.

    ÖVRIGT
    - Inga elaka kommentarer! Dom raderas direkt.
    - Var snälla mot varandra.
    - Var snäll och skriv in namn tack!
    - Jag har inget emot bloglovin byten! :)
    - Om din åsikt är på något vis elak, håll den för dig själv.

    Leave a foot print!

Trackback