Hur kodar jag guildlayouter?
Bli galen och anpassa bilden så mycket du vill för en riktigt unik guildlayout.
Trött på att söka i hundratals färdiga layouter som finns på webben? Är inget som matchar det du verkligen letar efter? Varför inte försöka göra din egen Neopets Layout?
Glöm inte att komma ihåg URL-koden för din bild när den har publicerats på din värdwebbplats.
Här är instruktioner för att skapa en enkel layout med en textruta som kommer att visas i guildens huvuddel.
- 1Skapa en ny bild i ditt bildredigeringsprogram med en höjd av 600 och en bredd av 550.
- 2Hitta en bild som du vill använda som huvudbakgrund. Det finns många källor för dessa bilder, inklusive Googles bildsökning, de många neopets-bildtävlingarna eller till och med neopets i sig.
- 3Kopiera den här bilden och klistra in den var du vill i den nya 550x600-bilden du har skapat.
- 4Använd din bildredigeringsprogramvara för att lägga till ord, bilder eller rutor som du vill inkludera i din bild. Bli galen och anpassa bilden så mycket du vill för en riktigt unik guildlayout. När du är klar med din bild, spara den och skicka den till din webbhotell. Glöm inte att komma ihåg URL-koden för din bild när den har publicerats på din värdwebbplats. Du måste ange den i nästa kod.
- 5Börja koda din webbplats. Den första koden du behöver ange berättar för din sida vilken typ av färger, teckensnitt och stilar du vill ha för texten du vill visa. Du börjar med att infoga följande kod: <style> BODY-tabell, td, font, p, i, body, div {font-family: verdana; font-size: 8pt; font-weight: normal; line-height: 8pt; font-style: normal; color: black;} b {color: 6BD22F; font-family: tahoma;} # Fortsätt med nästa kod. Du måste ange kommer att berätta för din sida vilken typ av färger och mönster du vill associera med dina länkar och textrutan. Infoga följande kod: # * BODY A: LINK {color: # 44E6B9; font-size: 8pt; text-dekoration: ingen;} A: BESÖKT {color: # 44E6B9; font-size: 8pt; text-dekoration: ingen;} A: HOVER {färg: # 6BD22F; font-family: tahoma; text-transformation: line-through; bakgrundsfärg: # 000000; border: 0px; border-style: solid; border-color: #CCCCCC;} <br />#TEXTAREA {border: 1px solid; font-size: 8pt; font-family: tahoma; teckensnittsfärg: 6BD22F; bakgrundsfärg: #; Färg: #; marginal: 1px; stil: solid;} </style>
- Dessa koder berättar för datorn vilka färger du vill ha din text, dina länkar och designen för din textruta. Du kan verkligen vara kreativ här och skapa ett bra tema för din webbplats genom att justera dessa färger och stilar.
- 6Slutligen vill du infoga de mönster du har gjort i guilden. Använd följande kod för att infoga din bild och det meddelande du vill visa i textrutan.
DITT VÄLKOMMENS MEDDELANDE GÅR HÄR
- 1Spara dina ändringar och din layout ska vara igång med din egen anpassade layout! Du kan ändra din layout när som helst. Det fina med att använda CSS för att anpassa din kodning är att den är extremt mångsidig och att du kan göra en hel del unik design för att få din guild att sticka ut!
- Du kan också anpassa färgerna på rullningsfältet
genom att infoga koden mellan taggarna <style> och </style>:
- {scrollbar-face-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-arrow-color: # 44E6B9; scrollbar-darkshadow-color: white; scrollbar-track-color: white;} body {background-color: FFFFFF;}
- Nybörjarkännedom om CSS-skript
- Nybörjarkunskap om HTML-kodning
- Bildredigeringsprogramvara som Photoshop eller Paint
- Bildhotell
Läs också: Hur man gör mycket guld i Godfinger?
Relaterade artiklar
