Téma: AA Háttér megváltoztatása: Végtermék!
|
|
Múltkor(jó múltkor) én is bütykölgettem, igaz ez még erősen félkész állapotban van:
SPOILER! ezért csak a főoldalról egy kép: |
|
2017.01.22 18:02 00 / | |
|
|
Apránként kész lesz a magamnak összerakott témám, de már bőven van olyan állapotban, hogy akár más is használhatja:
Pár prtsc: SPOILER! SPOILER! Mint a képeken is látszik ez ilyen sötétkék téma lett, melyben vannak enyhén átlátszó részek is, de az olvashatóság miatt a lényeges tartalmak sosem átlátszóak. Van még azért egy-két apróság ami hiányzik, pl a sötét szürke ikonok cseréje. SPOILER! Ha fönt van a stylish akkor egyszerűen az alábbi linken a stílus telepítésre rányomva használhatod is: https://userstyles.org/styles/140326/animeaddict-dark-blue-theme-v0-9 SPOILER! Ha hátteret akarsz cserélni mert neked nagyobb monitorod van vagy szimplán nem tetszik a meglévő, akkor ha már a böngésződbe felraktad a stílust egyszerűen megnyitod szerkesztésre és a megjelölt sorban kicseréled a hivatkozást más képre. Csak Firefox-on működik jól! |
|
2017.03.19 16:07 00 / | |
Offline
|
|
Mi az a háttér, amit használsz hozzá?
|
|
2017.03.19 17:39 00 / | |
|
|
Marha jol néz ki, szép lett!
|
|
2017.03.19 19:18 00 / | |
|
|
Pitbull írta: Mi az a háttér, amit használsz hozzá?https://s-media-cache-ak0.pinimg.com/originals/d0/31/75/d03175e7701eb2494e1eaef94493c939.jpg |
|
2017.03.19 19:21 / utoljára módosítva: 2017.03.19 19:22 00 / | |
Offline
|
|
Sziasztok,
be van/volt nekem állítva egy fekete háttér itt. De most pár napja nem veszi be pedig nem állítottam semmit elvileg. Firefox userchrome-ba a következő van: @-moz-document domain(animeaddicts.hu) {
body { background: #000 !important; } } mégse fogadja el. Valami ötlet? Oké megtaláltam, fentebb hiányzott egy } így nem tudott lefutni idáig a kód. |
|
2017.12.15 22:37 / utoljára módosítva: 2017.12.15 22:44 00 / | |
Offline
|
|
Fél óra szenvedés után sikerült beállítanom egy hátteret, szerintem holnap megpróbálkozom a fejléccel is.
|
|
2017.12.17 18:37 00 / | |
|
|
Kicsit játszadoztam, mert miért ne... Nem, csak kellett egy sötét téma amit nagyítva tudok nézni mert rossz a szemem
Amolyan 0.0.1-es verzió SPOILER! A főoldal egy kicsit átalakítva. Hírek széthúzva, a többi meg körbe szétdobva. A szétdobott dobozok persze megnyílnak, ha kell. Kereső Ismertető minta Fórum Fancy spoiler Bárki aki ért a css-hez NE kattintson a linkre különben szörnyet hal CSS kód |
|
2018.11.27 13:53 00 / | |
Offline
|
|
Nem tudom mi a legjobb hely erre, úgyhogy ide írom.
Pár éve kértem, hogy csináljanak egy dark mode-ot AA-ra, mert elképesztően világos az összes témája ami az oldalon most választható. Azt a választ kaptam akkor, hogy húzzam le a monitorom fényerejét Most kötőhártya gyulladásom van, és 0 fényerővel is képtelen volam megnyitni az AA-t annyira irritálta a szemem. Anélkül hogy nagyon szórakozni kéne CSS kóddal, van a chrome-hoz egy "dark reader" nevű bővítmény, ami minden világos színt besötétít automatikusan. Most ezzel így néz ki az AA főoldala. Nem a legszebb megoldás, de ha valaki hozzám hasonló helyzetben van, annak tudom ajánlani alternatív megoldásként. Egy picit lassabban töltenek be az oldalak (tizedmásodpercek, alig észrevehető), de teljesen elviselhető. |
|
2020.08.29 16:03 03 / | |
|
|
Ha érdekel én a pár éve össze rakott dark blue theme-t használom, egy pár komenteltem ezelőtt írtam róla, csak már a mellékelt képek nem elérhetők, meg ahogy nézem az a userstyles.org is egy rakat szar lett ahová felraktam.
Am lehetne még mit finomítani rajta (3 éve hozzá se nyúltam), illetve volt pár ikon amit a fene tudja már milyen képmegosztóra raktam föl, csak az megszűnt így azokat kiszedtem belőle. Így néz ki most: SPOILER! Itt a css amit valamilyen css pluginnal (pl Stylus) használhatsz. SPOILER! /** * AnimeAddict_Dark_Blue_Theme v0.10 * ZeroProcess : 2017.03.19. */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("animeaddicts.hu") { body{ background: #39424E; padding-top: 55px; color: #FEFEFE; } a { color: #D9E1F5;} textarea,input,select, .chosen-input { background: #202833; color: #FEFEFE; } input[style*="background:url(./theme/icons/file_24.png) 5px 4px no-repeat, linear-gradient"]{ background: url(http://animeaddicts.hu/theme/icons/file_24.png) 5px 4px no-repeat!important; } #login-form #login_name, #login-form #login_password, #login-form #login_submit { background-color: #202833; color: #FEFEFE; } #login-form #login_submit{ background-size: 64px 64px; background-position: left; background-repeat: no-repeat; /*background-image: url(http://kephost.com/images/2017/03/19/login_white.png);*/ } textarea:focus, input:focus { background-color: #37475A !important; } /* TEMPLATE ELEMEK FORMÁZÁSA *************************************************************************************************** ************************/ #top, #top a { color: #E0E0E0; } #top{ position: fixed; margin-left: -496px; left: 50%; top: 0px; z-index: 10001; height: 28px; } #login{ margin: 0; height: 28px; width: 345px; } #login div{ width:57px; visibility:hidden; padding: 0 2px;} #login div.touchable, #login div.button { visibility:visible; } #login div.settings { width:25px; height:25px; visibility:visible; margin-top: 1px; background-size: 21px 20px; background-position: center; background-repeat: no-repeat; } #login div.settings img { width:18px; height:18px; } #login div.button { width:100px; height:25px; margin-right:5px; margin-top: 1px;} #login div.button img { margin-left: 40px;} .i40 { width: 15px; } #login div.button:first-child span, #login div.button span { margin-top:2px; font-size: small; } #login div.button span { display: none; } #login img.avatar{ position: fixed; margin-top: 0px; } #login a { float: left; } #online{ margin: 0; float: right; margin-top: 3px; } .i32 { width: 21px; } #search{ margin:0; height: 30px; width: auto; padding: 1px 0 0 0; float: left; } #search form { height:28px; } #search #search-text { width:480px; height:19px; } #search #search-send { width:15px; height:15px; } #search p { display: block; } /* MENÜ *************************************************************************************************** *********************************************/ #menu-container { z-index: 10000; position: fixed; top: 0px; width: 100%; margin: auto; background: #202833; height: 50px; } #menu ul{ top: 30px; } #menu li { border-right:1px solid rgb(150,150,150); color: #FEFEFE; } #menu li a { color: #FEFEFE; } #menu ul li ul { border: 1px solid rgb(150,150,150); background: #27313d; top: 20px; } #menu ul li ul li { background:#27313d; border-bottom:1px solid rgb(150,150,150); } #menu ul li span:hover, #menu ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); box-shadow: 0px 0px 4px 1px rgb(200,200,200); border-right: 1px solid #FEFEFE; } #menu ul li ul li:hover, #menu ul li ul li a:hover, #menu ul li ul li ul li:hover{ background: #FEFEFE; color: rgb(30,30,30); } /*#menu ul li ul li.upload{ background-image: url(http://kephost.com/images/2017/03/19/white_upload.png); } #menu ul li ul li.more{ background-image: url(http://kephost.com/images/2017/03/19/white_more.png); }*/ #menu li.top-menu-1 { width:69px; } #menu li.top-menu-2 { width:101px; } #menu li.top-menu-3 { width:80px; } #menu li.top-menu-4 { width:105px; } #menu li.top-menu-5 { width:106px; } #menu li.top-menu-6 { width:104px; } #menu li.top-menu-7 { width:82px; } #menu li.top-menu-8 { width:104px; } #menu li.top-menu-9 { width:71px; margin:0; border-right: 0;} #menu ul li { padding:0; height:20px; } #menu li.home, #menu li.home:hover{ padding:0; height:20px; visibility:hidden; } #menu li a span{ line-height: 20px; } #bottom-menu { background: #202833E6; color: #FEFEFE; } #bottom-menu a { color: #D9E1F5; } #bottom-menu li { background: #2B3848; border:1px solid #8A9ED2; } #bottom-menu li a, #bottom-menu li span{ color: #8A9ED2!important; } #bottom-menu li:hover { background: #8A9ED2; } #bottom-menu li:hover a, #bottom-menu li:hover span{ color: #202833!important; } ul#slide_projects_nav { padding-right: 5px; } ul#slide_projects_nav li { background: #8A9ED2; } /* FEJLÉC *************************************************************************************************** *******************************************/ #headerpic { background: none; } /*#headerpic #logo{ background: none!important; }*/ #headerpic #headerapp{ display: none; } /* BOX-ok *************************************************************************************************** *******************************************/ div.box { background-color: #202833E6; } div.box .headline,div.box .headline2 { background: #37475A; margin-left: -5px!important; margin-right: -5px!important; border-radius: 0px; } div.box .headline3, div.colorbox .headline3{ background: #2B3848; } div.search div.headline3, div.search div.headline3:hover{ background-color: #2B3848; margin-left: -5px !important; margin-right: -5px !important; border-radius: 0px; border: 0; } div.search .spacer div.headline3.touchable { margin: 5px 0 0 13px!important; background-color: #2B3848; } div.search .spacer div.headline3.touchable:hover { background-color: #445871; } div.search div.headline3.touchable{ margin: 3px 0 0 0!important; background: #12171E; border: 1px solid #12171E; border-left: 6px solid #8A9ED2; border-radius: 3px; } div.search div.headline3.touchable:hover{ background-color: #2B3848; } tr:hover td.headline3 { background-color: #2B3848!important;} div.box .headline3[style*="background:#BBB;"]{ background-color: #445871!important; } div.box .headline3:hover{ background-color: #445871; } div.box .headline3.touchable { background: #12171E00; } div.box .headline3.touchable:hover { background: #12171E; } div.box tr td.headline3:hover{ background-color: #2B3848; } div.search .headline3 h1 { color: #FEFEFE; } div.news div.headline3 h1 a { color: #90ADF5; } div.news div.headline3 a { color: #D9E1F5; } div.news .headline3>div { background: #202833!important; } .headline3>div[style*="background:#AAA;"] { background: #202833!important; } div.box .headline3.touchable [style*="background:#BBB;"] { background: #202833!important; } div.headline2 ul.tabs li { border-bottom:5px solid #8A9ED2; } div.headline2 ul.tabs li.active { border-bottom:0; border-top:5px solid #8A9ED2; } div.box table td.headline4, div.box table td.headline4:hover, div.box table tr:hover td.headline4 { background: #515D69; } div.box table tr:hover td{ background: #202833; } div.box h1 a{ color: #90ADF5; } div.box h1 { color: #FEFEFE; } div.thumb, div.thumb a { color: #2B3848; } .thumb{ background-color: #20283300; } #ot4-text .thumb, img.thumb, .thumb.twinkle.touchable { background-color: #FFFFFF; } div.titlebox ul li#button_selected,div.titlebox ul li.button_selected { background: #37475A; color:#FEFEFE !important; } div.titlebox li.slide_0, div.titlebox li.slide_1, div.titlebox li.slide_2, div.titlebox li.slide_3, div.titlebox li.slide_4, div.titlebox li.slide_5 { color:#FEFEFE !important; } div.titlebox, div.titlebox span{ color: #FEFEFE; } div.titlebox a { color: #90ADF5; } div.titlebox { background: #15202D; } table.list tr td.dataonly { background-color: #202833; border:1px solid #8A9ED2; } table.list tr td.dataonly2 { background-color: #202833; border:1px solid #8A9ED2; } table.forum-t tr:hover td ,table tr.touchable:hover td, div.search table td.big:hover { background-color: #12171E!important; } /*Bal oldali menü*/ table tr td.right.touchable:hover, table tr td.right.touchable[style*="background:#EEE;"], #left table tr td.right.big:hover { background-color: #445871!important; } table tr td.right.touchable, #left table tr td.right.big { background-color: #2B3848;} table tr td.right.touchable, table tr td.right.touchable:hover, table tr td.right.touchable[style*="background:#EEE;"], #left table tr td.right.big { border: 1px solid #12171E!important; } table.forum-t tr td span{ color: #FEFEFE!important; } .itemdb div{ background: #2B3848; } div.box .content { background-color: #202833; } div.box .content-rounded ul { color:#BBB7FF; } /*képgaleria tábláiban a zöld mező*/ div.box table td.gallery2{ /*background: #598970;*/ } /*kiadványoknál az évszám tábla bal oldalt*/ div.box table td.spacer[style*="background:#FFF;"]{ background: #20283300!important; } div.mylist { background: #515D69; } /* Thumb *************************************************************************************************** *********************************************/ .thumb2 { background-color: #202833; } /* Fórum tábla *************************************************************************************************** ***************************************/ div.box table.noborder td.right[id^="post_"]{ background: #202833 !important; } button.forum{ color: rgb(210,210,210); background-color: #202833; }/*ikonok miatt nem a legjobb így*/ .quote,.forum-box,.forum-box2,.spoiler { background-color: #303E50; } .spoiler span { text-transform: uppercase; } span[style*="color:navy;"], span[style*="color:blue;"]{ color: aqua!important; } /* Chat *************************************************************************************************** **********************************************/ #chat-text, #chat-user { background: #202833E6 !important; } #chat-user div .box a h1{ color: rgb(210,210,210); } .chatbox .box{ background-color: #303E50 !important; color: #FEFEFE !important; } .chatbox .box div h1 a { color: rgb(210,210,210); } /* Hírek *************************************************************************************************** *********************************************/ .news-footer div { background: #202833; } .news-footer div[style^="width:134px;background-color:#555;"] { background: #2B3848!important;} .newspager { background: #2B3848; } /* Fülek *************************************************************************************************** *********************************************/ div.search table { border-left:6px solid #8A9ED2; } div.search .headline2 { border-left:6px solid #8A9ED2; } div.search div.headline3, div.search div.headline3:hover { border-left: 6px solid #8A9ED2; } div.search .content-rounded { border-left:6px solid #8A9ED2; } div.colored-div { background-color: #8A9ED2; } /* Naptár *************************************************************************************************** ********************************************/ .naptar { border: 1px solid #2B3848; background-color: #2B3848; } .naptar span { border:1px solid #202833; background-color: #20283300; color:#000; } .naptar span.head { color: #D9E1F5; } .naptar p { background: #2B3848 } .naptar p a, .naptar p.center { color: #FFF; } .naptar a { background-color: #202833; color: #D9E1F5; } .naptar a[style*="background:#AAAAAA;"] { background: #405168!important; color: #FEFEFE; } .naptar a[style*="background-color:#FFF;"] { color: #2B3848!important; } .naptar a[style*="background:#AAAAAA;background-color:#FFF;"] { background-color: #FFF!important; color: #2B3848!important; } /* Tooltip *************************************************************************************************** *******************************************/ #dhtmltooltip, .tooltip { background: #202833E6;} /*Nyíl gomb*//* img[src^="./theme/images/titlebox-left.jpg"]{ width:0px; height:0px; padding: 38px 54px 0 0; background-size: 54px 38px; background-position: center; background-repeat: no-repeat; background-image: url(http://kephost.com/images/2017/03/19/titlebox-left4.png); } img[src^="./theme/images/titlebox-right.jpg"]{ width:0px; height:0px; padding: 38px 47px 0 0; background-size: 47px 38px; background-position: center; background-repeat: no-repeat; background-image: url(http://kephost.com/images/2017/03/19/titlebox-right4.png); } img[src^="./theme/modules/news/top-left.jpg"]{ width:0px; height:0px; padding: 40px 37px 0 0; background-size: 37px 40px; background-position: center; background-repeat: no-repeat; background-image: url(http://kephost.com/images/2017/03/19/top-left.png); } img[src^="./theme/modules/news/top-right.jpg"]{ width:0px; height:0px; padding: 40px 37px 0 0; background-size: 37px 40px; background-position: center; background-repeat: no-repeat; background-image: url(http://kephost.com/images/2017/03/19/top-right.png); }*/ /*acrhív ikon*/ /*img[src^="./theme/icons/archive_32.png"]{ width:0px; height:0px; padding: 32px 32px 0 0; background-size: 32px 32px; background-position: center; background-repeat: no-repeat; background-image: url(http://kephost.com/images/2017/03/19/archive_32_2.png); }*/ /*oldalszám ikon*/ /*img[src^="./theme/icons/pager_32_full.jpg"]{ width:0px; height:0px; padding: 32px 61px 0 0; background-size: 61px 32px; background-position: center; background-repeat: no-repeat; background-image: url(http://kephost.com/images/2017/03/19/pager_32_full.png); }*/ /*fórum hozzászólás nyíl ikon*/ /*img[src^="./theme/modules/forum/bg.jpg"]{ width:0px; height:0px; padding: 55px 6px 0 0; background-size: 6px 55px; background-position: center; background-repeat: no-repeat; background-image: url(http://kephost.com/images/2017/03/19/bg.png); }*/ /*login ikon*/ /*balra kisnyíl*/ img[src^="./theme/images/left.png"]{ width:0px; height:0px; padding: 28px 22px 0 0; background-size: 22px 28px!important;; background-position: center; background-repeat: no-repeat; /*background-image: url(http://kephost.com/images/2017/03/19/white_left.png)!important; background-color: #FFF0!important; */ } /*jobbra kisnyíl*/ img[src^="./theme/images/right.png"]{ width:0px; height:0px; padding: 28px 22px 0 0; background-size: 22px 28px!important;; background-position: center; background-repeat: no-repeat; /*background-image: url(http://kephost.com/images/2017/03/19/white_right.png)!important; background-color: #FFF0!important;*/ } /* Vegyes *************************************************************************************************** ********************************************/ div.charlist li a { color: #90ADF5; } div.box ul { color: #FEFEFE; }/*főoladal hírek feliratai miatt*/ div.box table td.sticked { background: #202833; }/*fórum topik listában a kiemeltek*/ .pagecount a, .forum-t .pagecount a { background: #2B3848; border: 1px solid #8A9ED2; } .pagecount a:hover, .forum-t .pagecount a:hover { background: #445871; } .spoiler{ border-left: 2px solid #02C026; /*background-image: url(http://kephost.com/images/2017/03/19/comment2_green.png);*/ background-repeat: no-repeat; background-size: 15px 15px; } .spoiler>p{ border-bottom: 2px solid #02C026!important; } .spoiler>p>span{ color: #02C026!important; } span[style*="color:red;"]{ color: #02C026!important; } div [style*="color:#666;"]{ color: #A5AAC9!important; }/*szürke felirat*/ /*képgallériáknál a képek alatti adat mező*/ #right>div.box>div[style^="border:1px solid #CCCCCC;padding:5px;margin:0 auto;width:220px;background:#FFFFFF;border-radius:0 0 3px 3px;"]{ background: #202833!important; border: 1px solid #999!important; } #right>div.box>div[style^="border:1px solid #CCCCCC;padding:5px;margin:0 auto;width:190px;background:#FFFFFF;margin-bottom:5px;text-align:center;"]{ background: #202833!important; border: 1px solid #999!important; } div[style*="border:1px solid #CCCCCC;padding:5px;margin:0 auto;width:190px;background:#FFFFFF;margin-bottom:5px;"] { background: #202833!important; border: 1px solid #999!important; } div.encyclopedia-box[style*="width:134px;height:174px;margin:0 5px 0 0;padding:0;cursor:pointer;"] h1{ color: #2B3848!important; } div.encyclopedia-box[style*="width:134px;height:174px;margin:0 5px 0 0;padding:0;border:1px solid #222;background:#EEE;cursor:pointer;"]{ background-color: #202833!important; border: 1px solid #CCCCCC!important; } /*cikkek listáinál az adatmező*/ #right>div.box>div.box[style^="float:left;width:217px;text-align:left;margin:0 3px 0 0;background:#EEE;padding:3px 5px;border:0;"]{ background: #202833!important; border: 1px solid #999!important; } #right>div.box[style^="padding:7px 5px 5px 5px;overflow:visible;margin-top:18px;border-radius:10px;border:2px solid #999999;width:706px;"]{ background: #202833;} #right #organic-tabs-2 div[style*="border:1px solid #CCCCCC;padding:5px;margin:0 auto;width:190px;background:#FFFFFF;"] { background: #202833!important; border: 1px solid #999!important; } /*ismertető adatlapnál a sáját listám csík*/ table.noborder[style*="width:467px;float:left;margin-top:5px;background:#DDD;padding:2px 2px 1px 2px;"]{ background: #515D69!important; border: 1px solid #515D69; } .comment2{ color: #A5AAC9; } .headline3[style*="color:#555;"] { color: #A5AAC9!important; } a[style*="color:#0600FF;"], span[style*="color:#0600FF;"]{ color: cyan!important; } span[style*="color:green;"], span[style*="color:#009F29;"]{ color: #02C026 !important; } /* Újdonságok *************************************************************************************************** ********************************************/ /*AA projekt fórum hozzászólás (új/befejezett-felfüggesztett/várható)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.37"], #ot1-forum ul li a[href^="forum.php?viewtopic.43"], #ot1-forum ul li a[href^="forum.php?viewtopic.77"]{ color: /*rgb(153, 153, 255);/*/rgb(204, 170, 204); } /*Befejezett fordítások fórum hozzászólás (manga/dráma/LN/VN)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.62"], #ot1-forum ul li a[href^="forum.php?viewtopic.118"], #ot1-forum ul li a[href^="forum.php?viewtopic.109"], #ot1-forum ul li a[href^="forum.php?viewtopic.65"]{ color: rgb(46, 200, 46); } /*spoiler fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.45"]{ color: rgb(255, 153, 51); } /*ismertető fórum hozzászólás (anime/manga/dráma/LN/VN/játék)*/ #ot1-forum ul li a[href^="forum.php?viewtopic.41"], #ot1-forum ul li a[href^="forum.php?viewtopic.56"], #ot1-forum ul li a[href^="forum.php?viewtopic.101"], #ot1-forum ul li a[href^="forum.php?viewtopic.91"], #ot1-forum ul li a[href^="forum.php?viewtopic.57"], #ot1-forum ul li a[href^="forum.php?viewtopic.90"]{ color: rgb(153, 143, 255); } /*piac fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.119"]{ color: white; } /*off fórum hozzászólás*/ #ot1-forum ul li a[href^="forum.php?viewtopic.22"]{ color: rgb(255, 182, 182); } /*RSS*/ #feedHeaderContainer, #feedBody, #feedHandler{ background-color: #202833E6; } #feedHeader { margin-top: 1em; color: #FEFEFE; } /*.feedBackground{ background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat; }*/ #feedBody{ border-radius: 10px; } } |
|
2020.08.29 16:57 / utoljára módosítva: 2020.08.29 17:04 01 / |