Ako kódovať rozloženia cechu?
Zbláznite sa a upravte si obrázok tak, ako by ste chceli, pre skutočne jedinečné rozloženie cechu.
Ste unavení z hľadania stoviek vopred pripravených rozložení na webe? Nič sa nezhoduje s tým, čo skutočne hľadáte? Čo tak skúsiť si vytvoriť vlastné rozloženie Neopets?
Po odoslaní na váš hostiteľský webový server si nezabudnite zapamätať kód URL.
Tu sú pokyny na jednoduché rozloženie s textovým poľom, ktoré prejde do hlavnej sekcie vašej gildy.
- 1V programe na úpravu obrázkov vytvorte nový obrázok s výškou 600 a šírkou 550.
- 2Nájdite obrázok, ktorý by ste chceli použiť ako hlavné pozadie. Existuje mnoho zdrojov pre tieto obrázky, vrátane vyhľadávania obrázkov Google, mnohých súťaží s obrázkami neopetov alebo dokonca samotných neopets.
- 3Skopírujte tento obrázok a prilepte ho kamkoľvek chcete, do nového obrázka s rozmermi 550 x 600, ktorý ste vytvorili.
- 4Použite svoj softvér na úpravu obrázkov na pridanie slov, obrázkov alebo políčok, ktoré by ste chceli zahrnúť do svojho obrázku. Zbláznite sa a upravte si obrázok tak, ako by ste chceli, pre skutočne jedinečné rozloženie cechu. Akonáhle budete so svojim obrázkom pripravení, uložte ho a uverejnite na svojom serveri hostiteľovi obrázkov. Po odoslaní na váš hostiteľský webový server si nezabudnite zapamätať kód URL vášho obrázku. Budete ho musieť zadať do nasledujúceho kódu.
- 5Začnite kódovať svoje stránky. Prvý kód, ktorý musíte zadať, vašej stránke povie, aké farby, písma a štýly chcete pre text, ktorý chcete zobraziť. Začnite vložením nasledujúceho kódu: <style> BODY table, 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;}# Pokračujte ďalším kódom. Musíte zadať na svojej stránke informácie o tom, aké farby a vzory chcete spájať s odkazmi a textovým poľom. Vkladá sa nasledujúci kód:#* TELO A: LINK {farba:#44E6B9; veľkosť písma: 8pt; textová dekorácia: žiadna;} A: NAVŠTÍVENÉ {farba:#44E6B9; veľkosť písma: 8pt; textová dekorácia: žiadna;} A: HOVER {farba:#6BD22F; rodina fontov: tahoma; transformácia textu: riadok; farba pozadia:#000000; orámovanie: 0 pixelov; štýl ohraničenia: pevný; farba ohraničenia: #CCCCCC;} <br />#TEXTAREA {border: 1px solid; font-size: 8pt; font-family: tahoma; farba písma: 6BD22F; farba pozadia: #; farba: #; okraj: 1px; štýl: pevný;} </style>
- Tieto kódy informujú počítač o tom, aké farby chcete, aby váš text, vaše odkazy a návrhy pre vaše textové pole. Úpravou týchto farieb a štýlov môžete byť skutočne kreatívni a vytvoriť dobrú tému pre svoj web.
- 6Nakoniec chcete do cechu vložiť návrhy, ktoré ste urobili. Nasledujúci kód použite na vloženie obrázku a správy, ktorú chcete zobraziť do textového poľa.
TU VÍŤAJÚCA SPRÁVA VAŠEHO VINA
- 1Uložte zmeny a vaše rozloženie by malo byť v prevádzke s vašim vlastným prispôsobeným rozložením! Rozloženie môžete kedykoľvek zmeniť. Krása používania CSS na prispôsobenie vášho kódovania spočíva v tom, že je mimoriadne univerzálny a môžete urobiť veľké množstvo jedinečných návrhov, vďaka ktorým bude váš cech skutočne vyniknúť!
- Tiež si môžete prispôsobiť farby posuvníka
vložením tohto kódu medzi značky <style> a </style>:
- {scrollbar-face-color: white; scrollbar-shadow-color: white; scrollbar-highligh-color: white; scrollbar-3dlight-color: white; scrollbar-arrow-color:#44E6B9; scrollbar-darkshadow-color: white; scrollbar-track-color: white;} body {color-color: FFFFFF;}
- Znalosť skriptu CSS pre začiatočníkov
- Znalosť HTML kódovania pre začiatočníkov
- Softvér na úpravu obrázkov, ako je Photoshop alebo Paint
- Hosting obrázkov
Prečítajte si tiež: Ako sa pohybovať po GPX Plus?
