MUNKY -

Ny design!

Som ni kanske har märkt så har den nya designen kommit på plats:

2011-06-27 @ 18:22:03 Permalink Design Kommentarer (60) Trackbacks ()

Ny på G

Vi har börjat pyssla lite med en ny bloggdesign! Amy började fixa lite idag på våran testdesignblogg - ja vi har faktiskt en sådan!

Den kommer väl upp så småningom skulle jag tro ;). Keep your eyes open!

2011-03-17 @ 16:41:38 Permalink Design Kommentarer (1) Trackbacks ()

Flikar under din header

Vi har fått lite förfrågningar om hur vi har gjort våra flikar under våran header, så därför tänkte vi att vi kunde göra en liten guide om detta! :)

1. Gå in på din stilmall

2. Lägg in följade kod LÄNGST NER i stilmallen och klicka sedan på spara!

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{

width: 100%;

overflow: hidden;

border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/

}

.mattblacktabs ul{

margin: 0;

padding: 0;

padding-left: 10px; /*offset of tabs relative to browser left edge*/

font: bold 12px Verdana;

list-style-type: none;

}

.mattblacktabs li{

display: inline;

margin: 0;

}

.mattblacktabs li a{

float: left; /*Ändra till right om du vill ha flikarna till höger*/

display: block;

text-decoration: none;

margin: 0;

padding: 7px 8px; /*padding inside each tab*/

border-right: 1px solid white; /*right divider between tabs*/

color: white;

background: #414141; /*background of tabs (default state)*/

}

.mattblacktabs li a:visited{

color: white;

}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{

background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}

3. Gå sedan in på dina kodmallar.

4. Lägg in följade kod precis ovanför <div id="content"> Ersätt "adressen till sidan" med den länk dit du vill att du ska komma när du klickar på fliken. Byt sedan ut namnet >Länk 1< till det du vill att det ska stå i rutan. Tex.

<li><a href=".....blogg.se/cat....">Munky</a></li>

<ul>

</ul>

</div>

Om du vill ha fler länkar än såhär så är det bara att följa mönstret och lägga in det mellan <ul> och </ul>

Såhär kan det då alltså se ut!

5. Lägg nu in detta i alla dina kodmallar!

7. Om du vill ändra utseendet på dina flikar så hittar du det i STILMALLEN, inte i kodmallen alltså. Med andra ord, det vi la in i steg två.

Lycka till!

2010-12-23 @ 12:36:04 Permalink Design Kommentarer (0) Trackbacks ()

Bakgrundsbild i kommentarsrutan

Det är några som har frågat oss om hur man gör för att få en bakgrundsbild kommentarsrutan, så därför tänkte jag förklara hur man gör.

Vanligtvis så brukar kommentarsrutan vara i formatet 440x130 pixlar, så om du inte vill ha den enfärgad (som i vårt fall) så får du först beskära eller ändra storlek på bilden på din dator. Sedan
Sedan laddar du upp bilden som vanligt på din blogg.
Sedan går du in på stilmall:
Sedan lägger du in följande längst ner i din stilmall:
textarea{

background-image: url(adressen till din bild);

border: 1px solid black;

}
Där det står "adressen till din bild" lägger du givetvis in bildadressen till den bild du vill ha i rutan. Klart! Svårare än så är det inte :) solid black står för en ram runt om rutan. Om du inte vill ha en ram runt så tar du antingen bara bort raden eller också så ändrar du den till 0px.

S♣

2010-12-13 @ 18:04:02 Permalink Design Kommentarer (5) Trackbacks ()

MUNKY

Tre personer, en blogg!

Ny design!

Ny på G

Flikar under din header

Bakgrundsbild i kommentarsrutan