Platypus Design

"Utrolig fint design, men jeg får rett og slett ikke til å legge inn i arkiv, forside, osv. Jeg får kun til stilsettet. Kunne du forklart hvordan man gjør det?"

Klart jeg kan forklare! 
Jo, når du har lastet opp filene, så skal du ha fem tekstfiler. Disse heter "stilsett", "forside", "innlegg", "kategori" og "arkiv".

Det første du gjør er å klikke på Design, deretter Rediger. Her har du fått opp Stilsettet, men rett ovenfor står det en knapp som heter "Maler (HTML)". Trykk deg inn på denne. Om du ikke forstår hvilken knapp jeg mener, se på dette bildet:

Tekstboksen du får opp her er Forsiden. Fjern alt som står der, og lim inn det som står i dokumentet du har lastet ned. Det samme gjør du på Innlegg, Kategori og Arkiv.

Se på dette bildet om du ikke forstår:

Hvordan endre header? Trykk her.
Forskjellen fra dette innlegget er at du ikke trenger å endre bredde og høyde på den.

Over til sidemenyen, som er litt mer tricky.

For å endre bilde i sidemeny: Gå inn på Maleren - Forsiden, og trykk på Ctrl + F. Når du har gjort dette skal det komme opp en tekstboks hvor du skal lime inn denne linjen:

<a href="${ProfileUrl}">${ProfileName}</a>

Når du har kommet frem så skal det se ut som noe liknende dette:

<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<img src="BILDEURL" width="180"/>
<h4>
<a href="${ProfileUrl}">${ProfileName}</a>
</h4>
<p>${ProfileAge}, ${ProfileFrom}</p>
<p>${ProfileDescription}</p>
</div>
</tag:if>

Teksten som er kursiv er linjen du søkte opp. Rett ovenfor denne linjen ser det slik ut:

<img src="BILDEURL" width="180"/>
<h4>
<a href="${ProfileUrl}">${ProfileName}</a>
</h4>

Der det står BILDEURL skal det allerede stå en link. Ta vekk denne linken, og sett inn link til ditt eget bilde. Pass på å ikke endre bredden på bildet, og at disse " her " fortsatt står rundt linken når du er ferdig. Lagre maleren, og gjør det samme i de andre malerene.



Da var det på tide med et nytt ferdigdesign! Headeren kan byttes ut, med størrelse 640x400. Det samme gjelder bildet i sidemenyen som er på 200px bred. Den kommer med ferdig dropdown-meny som du ikke trenger å fikse noe på, og om du ikke klarer å legge inn designet selv kan jeg gjøre det for deg. Bildene i innleggene er på 600px brede.

Eneste kravet for å bruke dette designet er at du ikke fjerner linken til bloggen min i sidemenyen. 

Designet kan lastes ned her.

Folkens, jeg har ferie, så jeg hadde satt pris på om dere ikke spammet meg. Ok? Det er en del som har sendt inn opp til 4 kommentarer på samme ting, bare forskjellig formulert, så ha tålmodighet. Jeg er hverken en transformer, en robot eller noen som helst annen form for superhelt. Jeg er en heks, men det funker fint lite på gompe-gjenstander, k?

God sommer.

Har fått fikset meg et nytt design til bloggen, som forhåpentligvis er litt mer oversiktlig enn det forrige. Skal få laget et nytt gratisdesign snart as well, men jeg må se an når jeg gidder. Haha, lenge leve latskap. Dette ble et kort innlegg, men ja. Har ikke mer å skrive.

Hva synes dere om det nye designet?
Noen spesifike ønsker om koder som jeg kan lage et innlegg om? 

Jeg oppdaget akkurat at en av mine lesere har kopiert -> dette innlegget <- jeg har laget, som jeg har brukt utrolig mye tid på.

Her finner du innlegget han har kopiert.

Jeg kjenner jeg blir så utrolig irritert når jeg ser slikt. Jeg sier ikke at folk ikke kan bruke kodene de finner på bloggen min, men for all del ikke kopier det jeg har gjort. Bruk deres egen fantasi, folkens! Lag deres egne forklaringer på hvordan man bruker og legger inn kodene! Jeg har faktisk copyright på alt jeg har skrivd, og jeg har lagt både tid og sjel i denne bloggen. Når jeg ser at all denne tiden blir stjålet av andre, så blir jeg enkelt og greit forbanna.

Noen vil kanskje si jeg overdriver, men det gjør jeg ikke. Det TAR tid å holde på med design. Det TAR tid å lage over 80 innlegg med diverse designkoder. Det TAR tid å rote seg fram til å få disse kodene til å funke.

Vær så snill, om dere ser slike fakere igjen, tell me. Jeg gidder ikke at folk tar det jeg har skrevet og sier at det er deres. 

Jeg har fått en god del forespørseler om hvordan man får en sidemeny som står fast, så jeg tenkte jeg likegjerne kunne lage et innlegg om det.

Koden du skal bruke er ganske simpel. Den sr slik ut:

#side {
position: fixed;
}

Det kan hende du må korrigere den litt med hvor den plasseres (ikke alltid, men jeg måtte det), så da kan det hende det ser noe slikt ut: 

#side {
position: fixed;
margin-left: 1px;           <- her "dytter" du den lenger til venstre
margin-top: 1px;            <- her dytter du den lenger ned
}

Du bare endrer der det står "1px" til f.eks. 200px, men det kommer helt an på hvor langt bort eller ned du trenger den.
Om du vil ha den til høyre så setter du bare et minustegn foran, slik: "-200px;" eller om du vil ha den lenger opp. Jeg tror dere forstår hva jeg mener. 

Jeg har planer om å lage et nytt design, så jeg bare bruker dette i mellomtiden. Jeg vet det ser litt rotete ut, men det var et jeg hadde fra før av på den andre bloggen min. Like greit å bare ta det. Anyways, jeg skal prøve å få laget det nye i løpet av uka, men det må bli etter muntlig eksamen som er på onsdag.

Noen ønsker om innlegg jeg skal lage om noen spesielle design-koder?

"Kan du vise koder til å endre den ''B'' en oppe, til sånn som du har fks, altså regnbue? :)"

Fikk spørsmål om ikke jeg kunne vise dette, så jeg lager et innlegg om det siden det sikkert er flere som lurer på det. Jeg må bare understreke at denne koden IKKE fungerer i Internet Explorer, som en god del av disse kodene ikke gjør. Derfor vil jeg anbefale å bytte nettleser til enden Google Chrome eller Mozilla Firefox.

Først må du gå inn på maleren. Du trenger ikke scrolle eller noe som helst, siden koden står såpass høyt oppe.

Der det er streket under skal du putte URLen til bildet du vil ha. Altså, slik:

href="LINK HER"

Det du må gjøre er å finne et eget lite ikon du har lyst på, og laste det opp på ->Imageshack.us.<- Når du har funnet direkte-linken så legger du den bare inn der det står LINK HER

Hvis ikke så kan du ta et av disse som jeg har gjort klart:

Simple things / black-n-white:

href="http://imageshack.us/m/27/286/sjhgjgjdhdgiu.png"

href="http://imageshack.us/m/688/3077/litenz.png"

href="http://imageshack.us/m/17/3226/squaree.png"

href="http://imageshack.us/m/84/5958/kamera.png"

href="http://imageshack.us/m/135/1925/moustache.png"

href="http://imageshack.us/m/836/686/musikk.png"

 Cute things / colorful shizz:

href="http://imageshack.us/m/577/5339/leafb.png"

href="http://imageshack.us/m/708/74/bubbleheart.png"

href="http://imageshack.us/m/199/8712/cherryv.png"

href="http://imageshack.us/m/156/6334/cloudyu.png"

href="http://imageshack.us/m/577/5429/heartkz.png"

href="http://img707.imageshack.us/img707/2002/jordbr.png" 

href="http://imageshack.us/m/844/1046/kaffekopp.png"

href="http://imageshack.us/m/146/6744/sommerfugl.png"

href="http://imageshack.us/m/146/4029/vannmelon.png"

href="http://imageshack.us/m/88/6051/vinge.png"

Jeg prøver virkelig å få hjulpet så mange som mulig, men jeg har ikke tid til alle siden jeg har diverse eksamener å få unnagjort og slikt. Jeg kan derfor ikke love at alle får hjelp i den nærmeste fremtid, men det er fortsatt lov å spørre :)