Téma: AA Háttér megváltoztatása: Végtermék!
Offline
|
|
Láttam eme cikket az oldalon: AA Háttér megváltoztatása FireFox és Chrome alatt
És gondoltam kéne egy olyan topic ahol azok akik megváltoztatták már az oldal hátterét a saját ízlésük szerint, megtudják mutatni hogy milyen ép, az "Asztalaink" topic mintájára, szóval aki már alkotott valamit azok elő vele! Enyém jelenleg: SPOILER! |
|
2013.02.25 18:35 00 / | |
Offline
|
|
Én inkább mást műveltem. A menüt eltávolítottam felülről és bal oldalra raktam. Igaz, buta verzió, de a fene sem fogja stílusosra megcsinálni. A lényeg hogy ott jó helyen van, és ahogy görgetek lefele, a menü automatikusan lemászik nekem így nem kell a lap tetejére ugrálgatni.
(^Klikk a nagyért.) Egyébként megjegyzem, hogy az Opera alatt is van Stylish ^-^; Edit: Akinek kell a stílustalan úszó menükód, annak íme: div#menu { background: transparent; height: 0px; } div#headerpic { display: none; } ul#menu-ul { width: auto; position: fixed; left: -100px; top: 0; background: #fff000; -o-transition: left .3s ease-in; border-radius: 0 0 10px 0; } ul#menu-ul span.menu-label { } ul#menu-ul li~ul { opacity: 0 !important; -o-transition: left .3s ease-in; } ul#menu-ul li:hover~ul { opacity: 1 !important; } ul#menu-ul:hover { left: 0; } ul#menu-ul img { display: none; } ul#menu-ul li { width: 120px !important; clear: both !important; float: none !important; display: block !important; border: 0px !important; } ul#menu-ul li:hover { background: green !important; box-shadow: none !important; } ul#menu-ul li li { width: 220px !important; } ul#menu-ul li li ul { left: 220px !important; } ul#menu-ul li a { width: 120px !important; display: block !important; } ul#menu-ul ul a { width: 220px !important; } ul#menu-ul ul { left: 120px !important; top: 0px !important; } |
|
2013.02.25 21:57 / utoljára módosítva: 2013.02.25 22:03 00 / | |
|
|
Én is próbálkoztam , nagy nehezen összejött.
Elment rá vagy 2 órám xd mert az addont alig akarta futtatni a tetű comodo dragon , de megérte , már csak meg kell szokni xd. Igazából a felét fogalmam sincs hogy csináltam , de valahogy összejött . SPOILER! Hamár Hackerek vagyunk |
|
2013.02.26 3:00 00 / | |
Offline
|
|
FuckYeaah átlátszó! XD
Az marhajó lett! |
|
2013.02.26 10:10 00 / | |
Offline
|
|
Ma egy kicsit meggondoltam magam, majd átsminkeltem néhány dolgot. Igaz, a végeredmény nem olyan szép, de majd ha több türelmem lesz, összehozok valami jót. Előnye annyi hogy jóformán a csillagos ikonokon kívül a többi dolog mind CSS3/4 Értem itt az árnyékokat, az átmeneteket és minden mást, s így már kevesebb ideig tart az oldalbetöltés.
|
|
2013.02.26 21:16 / utoljára módosítva: 2013.02.26 21:18 00 / | |
Offline
|
|
Loxe írta: Láttam eme cikket az oldalon: AA Háttér megváltoztatása FireFox és Chrome alattÉs gondoltam kéne egy olyan topic ahol azok akik megváltoztatták már az oldal hátterét a saját ízlésük szerint, megtudják mutatni hogy milyen ép, az "Asztalaink" topic mintájára, szóval aki már alkotott valamit azok elő vele! Enyém jelenleg: SPOILER! Ó, csak nem HxH wikiről van? Ez nekem is tetszik, lehet ellopom. |
|
2013.02.26 22:14 00 / | |
|
|
Kicsit kódolgattam ismét. A.W.-sama másik topikban leírta hogyan lehet a felső réteget odatűzni a böngésző tetejére, szóval most már tökéletesen elérek minden fontosabb dolgot, legfőképp a keresőt... Valamint eltüntettem a lekerekített széleket így kockásabb lett az oldal amolyan metrostyle. (igen, kockab*zi vagyok:DD)
SPOILER! és a kód { img,td,table,ul,input,div,li,a,select {border-radius: 0px !important;} #bottom-menu {opacity: 0.75; width: 992px !important;} /*Lábléc háttere*/ #logo {background: url("file:///G:/konbanneraa.png") !important;} /*Logo háttere*/ body {background: url("file:///G:/konbgaa.png") no-repeat fixed center !important;} /*Oldal háttere*/ #login {opacity: 0.9 !important; background: url("file:///G:/kontopaa.png") !important; box-shadow: 0px 0px 2px 2px #000000; padding-right: 591px !important; padding-bottom: 20px !important; opacity: 1; z-index: 10001; border: 0px !important; position: fixed; top: -12px !important;} #online {z-index: 10001; position: fixed; right: 520px !important; text-shadow: 1px 1px 1px #000000 !important} #search {opacity: 1; z-index: 10001; border: 0px; border-radius: 0px; position: fixed; right: 140px; top: -12px; text-shadow: 1px 1px 1px #000000 !important;} } |
|
2014.09.13 19:18 00 / | |
|
|
Jóég mikor írtam ide utoljára.
Most hogy újabb változások lettek az oldalon, kicsit átalakítottam a sajátomat. Fancy :hover-ekkel, filterekkel meg minden, mert miért ne És mivel rossz a szemem és nem akarom közelről bámulni a monitort a fórumot is átalakítottam. SPOILER! @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("animeaddicts.hu") { img,td,table,ul,input,div,li,a,select,button {border-radius: 0px !important; box-shadow: 0px 0px 0px !important;} button:hover,img.thumb2.i16:hover {filter: brightness(1.5) !important;} img.thumb {box-shadow: 0px 0px 0px;} a>img.thumb:hover, ul.tabs li:hover {filter: brightness(1.5);} div.headline2,div.headline,td.headline,ul.tabs li {background: linear-gradient(#3E5984, #1C2840) !important;} ul.tabs li {height: 15px !important;} li.active a {color: white !important;} li.active {filter: brightness(1.2) !important;} #bottom-menu {opacity: 0.75; width: 992px !important;} /*Lábléc háttere*/ #logo {background: url("file:///G:/konbanneraa.png") !important;} /*Logo háttere*/ body {background: url("file:///G:/konbgaa.png") no-repeat fixed center !important;} /*Oldal háttere*/ #top {opacity: 0.9;background: url("file:///G:/kontopaa.png") !important;left:139px !important;padding-right: 0px !important; z-index: 10001; border: 0px !important; position: fixed; box-shadow: 0 2px 2px black !important;} #menu-container {padding-top: 88px !important; background: none !important;} #menu-ul {background: linear-gradient(#B9D6FE,#0391F5) !important;} #login {margin: 5px 0 0 0 !important; opacity: 0.7 !important;} #online {z-index: 10001; position: fixed; right: 570px !important; text-shadow: 1px 1px 1px #000000 !important} #search>p {opacity: 1; z-index: 10001; border: 0px; border-radius: 0px; position: fixed; right: 149px; top: 45px; text-shadow: 1px 1px 1px #000000 !important;} #search>form {top: 10px !important; z-index: 10001; position: fixed; right: 150px !important; opacity: 0.7;} #search-text {width: 220px !important;} #search-send:hover,#login>.settings:hover {filter: brightness(1.5); border-color: #1081D0 !important;} div.box {background-color: #FAFAFA !important;} div.news-footer,.news-footer div {border-radius: 0px; margin: 0px 0px 5px; background-color: #888888; opacity: 0.5 !important;} div.touchable {background: 0; border-radius: 0 !important;} div.box.news {margin: 0px 0px 0px 0px !important;} div.content {font-size: 15px !important;} div.titlebox>a>img:hover {filter:brightness(1.2) contrast(1.1);} img[src*="./theme/modules/forum/bg.jpg"] {width: 0px; height: 55px; padding-left: 6px; background-image: none !important;} img[src*="./theme/images/bottom-bg.jpg"] {width: 0px; height: 38px; padding-left: 1px; background: none !important;} div#right>div.box>table.noborder>tbody>tr>td[class="right"]>div {font-size: 16px !important;} } |
|
2016.06.02 12:32 00 / | |
|
|
Múltkor meglátva ezt a topicot elkezdtem magamnak csinálni egy design-t igaz még nincs kész:
|
|
2016.06.03 16:39 00 / | |
adminyon
|
|
Miért nem állítod át lilára a csíkokat, az jobban passzolna, mint a kék. Vagy zöldre.
|
|
2016.06.03 16:42 / utoljára módosítva: 2016.06.03 16:43 00 / |