bcee68 - zöld szín (linkhez)
Menü, modul hátterének átszínezése
Nekem most fekete a hátterem
Ez a demo. :)
Ha beillesztetted a kódot az egyszerű modul szerkesztői nézetébe, az az ide: <>, és visszaváltasz normál nézetbe, kkor megjelenik egy olyan színű csík, amilyen színkósot tettél a kódba. Tedd a csíkba a kurzort és kezdj el írni. A színes háttered úgy megy lefelé, ahogy írsz bele :) Ezzel a kóddal akár minden modulodnak más háttérszínt tudsz adni.
Itt a kód
<TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#000000 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
bgColor=#000000: ide kell a színkód
Saját írás!
Tilos más oldalon közzétenni!!!
LindaDesign
Modul háttér színének megváltoztatása 2.
Igazából nem csak az egyszerű modul színét változtatja meg, hanem minden modul színét. Nálam most csak ennek a modulnak a színe változott és a bejelentkezés. Azért, mert az eredeti kódom átlátszó
KÓD
<STYLE type=text/css>
<!--
td.modbody {color: #ffffff; background-color: #330099;}
-->
</STYLE>
Háttérkép a modulba:
Szeretnél modulodnak más külsőt adni, de már meguntad a g-portal által nyújtott lehetőségeket a stílusoknál? Akkor itt egy mód, hogy feldobd oldalad!
Keress egy képet, amit a modul hátterének szeretnél, töltsd fel egy képtárba, amit senki sem lát. A feltöltött kép URL-jét kell beillesztened a lent lévő kódba, a pirossal jelölt helyre. A kódot illeszd be modulodba. Ezután újra klikk erre <>, akkor visszamegy rendes szerkesztő részbe, ekkor tudsz ráírni a képre. Ne ijedj meg! Először csak egy vékony csíkot fogsz látni, kattints rá, és nyomj entert akkor nagyobb lesz :).
A háttérkép a kódnak köszönhetően igazodik a modulod szélességéhez, tehát nem fogja széttolni azt, vagyis bármekkora képet berakhatsz. Ha egyszerű képet raksz be(pl. mint mi az oldalunkon, akkor egy egészen kicsi kép is elég, mert automatikusan berakja egymásután a képet. Így nem foglal nagy helyet a tárhelyedből :).
Háttérkép kódja:
<TABLE cellSpacing=0 cellPadding=0 width="100%"
background=ide másold az URL-t border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
Menüfejléc beillesztése
Ha szeretnél különleges menüfejlécet, akkor ezzel a kóddal megteheted.
A kész menüfejléceket töltsd fel egy képtárba, amit senki sem lát. S innen kell az URL címe, amit át kell írnod a kódban ( ez a vastagrész). Ha átírtad , a kódot illeszd be a modulkezelőben a menü nevének a helyére.
<IMG src=http://kép címe>
Ha nem szeretnéd, hogy kerete legyen, akkor a border=0 részt írd hozzá így:
<IMG src=http://kép címe border=0>
Fontos: olyan stílust válassz, amelyiknél nincs eredetileg kép a menüfejlécben, különben nem lesz jó. Egy keskeny csík ígyis fog látszódni az eredeti menüfejlécből.
* Különleges menüpontok:
Különleges menünevek/menüpontok egyszerűmodulos menüben
A menü/modulfejléces témák már túl vannak tárgyalva, erről leírásokat már olvashattatok. Ide olyan egyszerű, de nagyszerű dolgokat gyűjtöttünk össze, amikkel szebbé teheted menüneved, vagy akár menüpontjaidat. Ezeknek leginkább haszna az egyszerű modulos menüknél vannak, amit egyre többen használunk :)
Egy kis kreativitással ti is kitalálhattok bármilyet, és ehhez nem kell semmilyen program. Ha van ötleted írd meg nekünk és kirakjuk ;)
Egyszerűen csak másold át az oldalad szerkesztőjébe, ezután a Menü helyére írd a menüd/menüpontod nevét. (A szövegeket a megszokott módon méretezheted, szinezheted át)
.:Menü:.
•Menü•
• Menü
♥ Menü
♥Menü♥
Menü
_Menü_
♣Menü♣
♣ Menü
♠Menü♠
♠ Menü
(Menü)
~Menü~
xMenüx
**Menü**
[Menü]
¤Menü¤
#Menü#
-:Menü:-
|Menü|
IMenüI
]Menü[
-/Menü/-
-|Menü|-
->Menü<-
(>Menü<)
[>Menü<]
{>Menü<}
oOMenüOo
.oOMenüOo.
Oo.Menü.oO
|-Menü-|
°°Menü°°
˛Menü`
˙Menü˙
łMenüł
ˇMenüˇ
\|Menü|\
-|Menü|-
->Menü<-
(>Menü<)
`Menü*
[>Menü<]
{>Menü<}
by AF(S)G
ťMenüť
☺Menü☺
§Menü§
█Menü█
○Menü○
↓Menü↓
♀Menü♀
♪Menü♪
Ha ezek nem megfelelőek, ennél extrábbra, de még is egyszerűre vágysz, akkor nézz bele a Díszítők&Extrák menübe, ahol találhatsz menüikonokat. Ezeket beillesztheted képként a menüneveid/menüpontjaid elé/mögé :)
Modulfejléc és modulháttér megváltoztatása:
GP-s modulfejléc és modulháttér megváltoztatása
Egy CSS kód kell hozzá, amit kedvedre alakíthatsz. A kóddal minden stílus modulhátterét meg tudod változtatni, ám a modulfejlécet nem változtatja meg mindenhol.
Hogy megtudd a Te stílusodnál hogyan működik, először szerkesztés nélkül illeszd be a kódot az oldaladra, s látni fogod mit változtat meg, majd ez alapján csak azokat a részeket szerkeszd át, amire valóban szükséged van:
<STYLE type=text/css>
<!--td.modtitle {padding-left: 4px; font-size: 9pt; font-weight:bold; color: #ffffff; background-color: #000000; height: 19px;BORDER-RIGHT: #ffffff 1px solid;BORDER-BOTTOM: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid}}
td.menu {font-size: 8pt; color: #000000; background-color: #000000}
td.modbody {font-size: 8pt; color: #ffffff; background-color: #000000}
-->
</STYLE>
A kódot mi Narancs stílusnál próbáltuk ki (aminek eredetileg narancs a modulfejléce, fehér a modulháttere), s ilyen hatást értünk el vele:
Részletes magyarázat: td.modtitle: a GP-s modulfejlécedre vonatkozó adatok: A második fele vonatkozik a modulháttérre: |
Menü háttérkép készítése egyszerűen, kódolás nélkül:
Utolsó kommentek