Svar 3 - Bloggdesign

Jag har fått in några frågor om bloggdesign, så jag tänkte ta och svara på en iaf. just nu innan jag lägger mig..

Såhär ska jag försöka förklara just nu;


Alltså hur man väljer typsnitt, färg osv. på sin meny


Det första man gör är att gå in i sin stilmall och letar upp avsnittet som heter..

.navheader {
font-family: Arial, Century gothic;
font-size: 14px;
font-weight: bold;
color: #666666;
padding:5px 5px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
}


Det är alltså här man ändrar RUBRIKERNA i menyn t.ex. "Senaste inläggen" "Arkiv" osv.


För att ändra det som står under inläggen dvs. stilen på vad sina inlägg heter, eller även arkiv, länkar osv. För att klargöra mer om någon inte förstår detta t.ex. "Oktober 2009" "Länkarnas namn" osv.

För detta letar du upp avsnitten som heter (även den i stilmallen);

.nav {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #000000;
margin: 0px;
}

.nav ul {
margin: 0px 0px 0px;
padding: 3px 8px;
font-weight: normal;
background-color: #FFFFFF;
}




För de som inte vet hur man ändrar länk färgerna på länkarna letar man upp; (Även den i sin stilmall)

.nav a { color: #000000; }
.nav a:hover { color: #000000; font-weight: normal; }


Där .nav a = är färgen man ser och
.nav a.hover = är när man drar muspekarn över

Svar 2 - Bloggdesign

Nästa bloggdesignfråga jag fått är hur det går så fint över från "vanliga sidan" till t.ex. när man ska kommentera.. Har dock gjort om min design sen sist, men la precis in det igen efter att ha skrivit detta, för att se om det fungerar och det gör det fortfarande..

Det hela är mycket enkelt, man lägger endast in en kod för när man går in på sidan och likaväl som när man går från sidan eller hur man ska säga.. Det finns många olika varianter av detta men jag hinner bara skriva några, så får jag återkomma om det (Eftersom det är Lördag kväll) Bättre lite än inget alls..

NOG MED BABBEL! SÅHÄR GÖR DU:
Denna kod använder du dig av, och klistrar in den under " <head> " i kodmallen (i alla 4 olika, om du vill ha det så)

<meta http-equiv="page-enter" content="revealtrans (duration=10, transition=23)">
<meta http-equiv="page-exit" content="revealtrans (duration=10, transition=23)">

FÖRKLARINGAR:
Duration är hur lång själva övergången ska ta, och tänk på att det hackar om det är för snabbt, därför har jag valt att ha "10" där.

Transition är typen av övergång man ska ha, och det finns olika och jag har valt att ha "23" för där är det blandat och alltså inte densamma hela tiden, vilket jag tycker är ganska coolt..

ANDRA TRANSITIONS:
Cirkel in: ange "2"
Cirkel ut: ange "3"

Måste kila nu, men hoppas du förstår nu!
LYCKA TILL!


Svar 1 - Bloggdesign

För ett tag sedan fick jag en fråga på hur jag gjort för att få så det ser ut som det gör när man håller muspekaren på INFO OM MIG under min profilbild, och nu tänkte jag förklara hur man gör det.. Hade det förut alltså inte längre, men jag förklarar ändå..

Såhär ser det ut som jag ska förklara nu;



1. Klistra in koden längst ner i stilmallen.


Koden är;
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:150px; font-family:Verdana; font-size:9px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

2. Spara stilmallen.

3. Sedan finns det olika sätt att använda själva "boxen" på, t.ex. i ett inlägg eller i profilen som jag valt att göra.

Koden är;
<a class="tooltip" href="http://adressen till sidan du länkar till" target=_blank>Texten för länken t.ex. Info om mig<span>Texten du vill ha i rutan</span></a>

Om du vill lägga in den i profilen på sidan leta då upp "div-side" div-profile" eller vad den nu heter, lite pilleri men det funkar till slut..

LYCKA TILL!


Skriv dina frågor!

Tänkte starta denna blogg för att enklare samla alla frågor & svar på ett och samma ställe så är det enklare att hitta samt fråga vad det är man vill fråga eller likaså hitta det man söker.

Så fråga på om jag inte redan besvarat frågan..










RSS 2.0