Nå legger jeg ut noen HTML koder til dere som dere kan bruke!
lim inn det med uthevet skrift
CTRL + C = kopier
CTRL + A = marker alt
CTRL + V = lim inn
CTRL + F = søk
CTRL + Z = angre
Fargekart trykk her
Bakgrunn på overskrift:
(nede i stilsettet)
a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
h1, h2, h3
{font-family: calibri; letter-spacing: 5px; LINE-HEIGHT: 25pt;font-size: 20px;font-weight: lighter; background-image: url("URL PÅ BILDET");color: #333333;margin: 20px 0px 18px 0px;}, h4, h5 { font-family: calibri; }
#header h1, #header p { display:none }
#header { color: #ccffcc; }
font-size: 2pt;
{letter-spacing: -1px;}
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
Bakgrunn som står fast:
(under body i stilsettet)
body {
background-image: url("url til bakgunnsbilde");
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
font-family: Corbel;
color: #000000;
}
Stort profilbilde:(midten av maler)
1. Finn et bilde av deg.
2. Last det opp på tinypic.com ( ikke endre size, men bare hvis det blir for stort)
3. Kopier html
4. design -> rediger -> maler
5. Finn dette i maler og lim inn: (ligger ca på midten av maler)
</div>
<div id="side" class="yui-u">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
LIM INN KODEN HER
Menyen fra høyre til venstre:
#wrapper {
float: right;}
#side {
float: left;
}
#main {
float: right;
Ramme rundt bloggen:
(stilsett)
Du kan velge rammesort:
dotted (er i denne koden)
dashed
solid
double
groove
ridge
inset
outset #wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;}
#main {
float: right;
border: 2px dotted #000000;
}
#side {
float: left;
border: 2px dotted #000000;
}#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;Du trenger ikke ha koden på alt dette, du kan velge selv hvor du vil ha ramme. Bare i rundt beskrivelse osv, limer du bare inn under #
side.
Midtstille bloggen:
(stilsett)
#header {
background-color: #FFFFFF;
height: 200px;
margin-left: auto;
margin-right: auto;}
#wrapper {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
Endre størrele / Smalere blogg:
(Stilsett)Lim inn under det du vil gjøre smalere:
width: 600px;
Istedenfor "Send kommentar" skriv det du vil:
(Maler, enkeltinnlegg)1.CTRL + F : skriv inn: Send kommentar
2.Da kommer dette opp:
<input id="comment_submit" class="submit" type="submit" name="submit" value="
Send kommentar" />
3. Endre
Send kommentar til det du vil.
Isteden for x kommentarer, endre til eks. x som har kommentert:(maler, index)1. CTRL + F : skriv inn: comment
2. Da kommer dette opp:
<a href="${EntryPermaLink}#comment">${EntryCommentCount}
kommentarer</a>
3. Endre selv der det står kommentarer, til eks. som har kommentert! Eller: Søtiser.
4. Gjør det samme de andre stedene der det står
ingen kommentarer, og
èn kommentar.
Header uten å ødelegge stilsettet:
(stilsett)
Når man har laget mye på stilsettet, og skal begynne å endre ting på
Bygg, IKKE GJØR DET! Da blir det borte. Så når du skal legge til en ny header, ikke gjør det på
Bygg, men på stilsettet her:
#header {
background-image: url(URL TIL HEADER);
background-repeat: no-repeat;
height: 100px;
width: 800px;
}
Ny skrift uten å ødelegge stilsettet:
(stilsett)
font-family: corbel;
Isteden for Corbel, kan du skrive inn teksttypen du vil ha.
Endre skrifftstørrelse på innleggene:(stilsett)
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;}
Få bort link under header:
(Maler)
1.CTRL + F : skriv inn: blogg.no
2. Da kommer dette frem:
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
3. Fjern den.
MENY UNDER HEADER:
(stilsett)1. Lag et bilde på et tegneprogram der det f.eks står:
Videoer. Pixlene må være ca.
225px x 80px. (Jeg anbefaler Photoshop) Så lagrer du det.
2. Lag en ny kategori på bloggen din som heter
Videoer.
3. Last opp bildet på tinypic.com uten å endre størrelse.
4. Finn dette i malen din:
</head>
<body class="front">
<div id="doc2">
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
OG LIM INN:
<a href=Link til kategorien
Videoer><img src= URL til bildet du lastet opp på tinypic>
Du kan lage flere en bare Videoer. Jeg har Annonser, Video, Sponsorer og Konkurranser.
EDIT: Se neste innlegg!
HØYREKLIKK FORBUD
(Widgets)
Koden for at folk ikke skal få kopiere tingene dine:
<script language="JavaScript">
// distributed by http://hypergurl.com
<!--
var popup="COPY CAT!";
function noway(go) {
if (document.all) {
if (event.button == 2) {
alert(popup);
return false;
}
}
if (document.layers) {
if (go.which == 3) {
alert(popup);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=noway;
// --> </script>
Håper du får bruk for noen av dem! Lykke til!
