Akihabara.cz


Autor Téma: Příklady změn vzhledu  (Přečteno 15273 krát)

0 uživatelů a 1 Host prohlíží toto téma.

Offline VelkyBubak

  • vše je možné, jen něco je méně pravděpodobné
  • Admin
  • Starý kořen
  • *******
  • Příspěvků: 360
  • Karma: +31/-27
  • Pohlaví: Mužské
    • Zobrazit profil
    • Animeblok
Příklady změn vzhledu
« kdy: 16. Únor 2014 - 14:02:03 »
Máte nějakou změnu vzhledu akihabary, s níž by jste se chtěli pochlubit? Sem s ní...

Hlavní menu:

Kód: [Vybrat]
div#menu_global_lista {background-color: #006498; border-bottom: 1px solid #FFF;}
div#menu_global_lista ul {background-color: gray;}
ul.menu_global_lista_kategorie li {padding: 0 10px; border-radius: 0px;}
ul.menu_global_lista_kategorie li:hover {background-color: gold; padding: 0 10px; border-radius: 10px;}
div#menu_global_lista li a {font-weight: normal; padding: 0;}
div#menu_global_lista li:hover a {color: maroon; font-weight: bolder; padding: 0;}
ul.menu_global_lista_kategorie_vysouvaci li:hover {text-align: left; padding: 3px; background-color: maroon; border-radius: 0px;}
div#menu_global_lista_obsah ul.menu_global_lista_kategorie_vysouvaci li a {color: white; font-weight: normal; }
div#menu_global_lista_obsah ul.menu_global_lista_kategorie_vysouvaci li:hover a {color: gold; font-weight: bolder; }
ul.menu_global_lista_kategorie_vysouvaci li:hover label {color: gold; font-weight: bolder;}

Edit: Jak to zhruba vypadá - viz obr,
a kam že s tím kódem - info tady dole.
« Poslední změna: 16. Únor 2014 - 18:51:32 od VelkýBub »

Offline Mila

  • Starý kořen
  • ****
  • Příspěvků: 450
  • Karma: +67/-284
  • Pohlaví: Mužské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #1 kdy: 16. Únor 2014 - 14:18:14 »
Nedal by si k tomu kódu i malý náhled, aby si to každý prohlédl než to zkusí ?

Offline VelkyBubak

  • vše je možné, jen něco je méně pravděpodobné
  • Admin
  • Starý kořen
  • *******
  • Příspěvků: 360
  • Karma: +31/-27
  • Pohlaví: Mužské
    • Zobrazit profil
    • Animeblok
Re:Příklady změn vzhledu
« Odpověď #2 kdy: 17. Únor 2014 - 11:25:17 »
Mé aktuální nastavení Doramy. A ne, obrázek sem nedám... a nebo jo...
Kód: [Vybrat]
body {background-color: orange;}
div#logo {background: url(http://forum.akihabara.cz/index.php?action=dlattach;topic=3984.0;attach=2681;image) no-repeat scroll 0% 0% transparent; width: 1262px; height: 252px;}
div#obal {width: 1262px; height: 252px;}
div#logo-strany a {color: navy;}
div#logo-dorama {position: relative; top: 0px; left: 0px; width: 1262px; height: 200px; }
div#logo-vyhledavani {float: right; width: 300px; overflow: hidden; position: relative; top: 0px; right: -15px; }
div#logo-strany { float: left; width: 700px; position: relative; font-weight: bold; overflow: hidden; top: 35px; left: 190px; color: maroon;}
div#obsah-stats { font-size: 8pt; padding: 2px 15px 2px 5px; text-align: right; font-weight: bold; float: right; position: relative; top: -15px; right: -15px;}
div#obsah-obsah { padding: 5px 10px; position: relative; top: 0px;}
div#footer { clear: none; margin: 0px; text-align: right; color: #000; height: 50px; background: none no-repeat scroll 0% 0% transparent;}
div.oddelovac {width: 1035px; height: 20px; margin: 10px -10px; background: none repeat scroll 0% 0% #2E1A09; }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#menu_global_lista {border-bottom: 1px solid #gold;}
ul.menu_global_lista_kategorie li {padding: 0 10px; border-radius: 0px;}
ul.menu_global_lista_kategorie li:hover {background-color: gold; padding: 0 10px; border-radius: 10px;}
div#menu_global_lista li a {font-weight: normal; padding: 0;}
div#menu_global_lista li:hover a {color: maroon; font-weight: bolder; padding: 0;}
ul.menu_global_lista_kategorie_vysouvaci li:hover {text-align: left; padding: 3px; background-color: maroon; border-radius: 0px;}
div#menu_global_lista_obsah ul.menu_global_lista_kategorie_vysouvaci li a {color: white; font-weight: normal; }
div#menu_global_lista_obsah ul.menu_global_lista_kategorie_vysouvaci li:hover a {color: gold; font-weight: bolder; }
ul.menu_global_lista_kategorie_vysouvaci li:hover label {color: gold; font-weight: bolder;}
li.global_menu_p {background-color: lime; height: 5px; }
« Poslední změna: 17. Únor 2014 - 17:41:51 od VelkýBub »

Offline VelkyBubak

  • vše je možné, jen něco je méně pravděpodobné
  • Admin
  • Starý kořen
  • *******
  • Příspěvků: 360
  • Karma: +31/-27
  • Pohlaví: Mužské
    • Zobrazit profil
    • Animeblok
Re:Příklady změn vzhledu
« Odpověď #3 kdy: 22. Únor 2014 - 17:46:34 »
A jak to zařídit podobně na Anime nebo Manga?
Kód: [Vybrat]
body {background: none #a63a0d;}
div#body_background {visibility: hidden;}
div#header { height: 253px; background: none repeat scroll 0% 0% transparent;}
div#header a {display: block; width: 1252px; height: 200px;}
div#search_left {font-size: 8pt; padding: 2px 15px 2px 5px; font-weight: bold; float: left; }
div#header, div#cover_v1, div#cover_v2, div#cover_v3 {width: 1262px;}
div#cover_v1 {margin: -189px auto;}
div#cover_v3 {background: url(http://forum.akihabara.cz/index.php?action=dlattach;topic=3984.0;attach=2681;image) no-repeat scroll 0% 0% transparent; margin-left: 1px; }
div#search_left { float: left; width: 600px; position: relative; font-weight: bold; overflow: hidden; top: -30px; left: 15px; text-align: left;}
div#search_left ul li {display: inline; margin-right: 5px; color: maroon; font-weight: bold;}
div#search_left ul li a {color: navy;}
ul.uziv_seznam > li {width: 180px;}
div#stats_right {font-size: 8pt; padding: 2px 15px 2px 5px; text-align: right; font-weight: bold; float: right; position: relative; top: -60px; left: 15px;}
div#menu_v5 {display: none;}div#search_right {display: block; float: right; position: relative; top: -60px; left: 5px;} 
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#menu_global_lista {border-bottom: 1px solid #gold;}
ul.menu_global_lista_kategorie li {padding: 0 10px; border-radius: 0px;}
ul.menu_global_lista_kategorie li:hover {background-color: gold; padding: 0 10px; border-radius: 10px;}
div#menu_global_lista li a {font-weight: normal; padding: 0;}
div#menu_global_lista li:hover a {color: maroon; font-weight: bolder; padding: 0;}
ul.menu_global_lista_kategorie_vysouvaci li:hover {text-align: left; padding: 3px; background-color: maroon; border-radius: 0px;}
div#menu_global_lista_obsah ul.menu_global_lista_kategorie_vysouvaci li a {color: white; font-weight: normal; }
div#menu_global_lista_obsah ul.menu_global_lista_kategorie_vysouvaci li:hover a {color: gold; font-weight: bolder; }
ul.menu_global_lista_kategorie_vysouvaci li:hover label {color: gold; font-weight: bolder;}
li.global_menu_p {background-color: lime; height: 5px; }
mimochodem, nastavení pro portál anime funguje i pro hentai

Offline VelkyBubak

  • vše je možné, jen něco je méně pravděpodobné
  • Admin
  • Starý kořen
  • *******
  • Příspěvků: 360
  • Karma: +31/-27
  • Pohlaví: Mužské
    • Zobrazit profil
    • Animeblok
Příklady změn vzhledu
« Odpověď #4 kdy: 22. Duben 2014 - 13:42:43 »
Staré nastavení barev:
Citace
Barva č.1# 000000
Barva č.2# 17426E
Pozadí u postav# BBBBBB
Odkazy - Menu# 202020
Pozadí obsahu# E3E3E3
Barva textu# 000000
Šedivé zóny# C5C5C5

Offline Benda_11

  • Admin
  • Veterán
  • *******
  • Příspěvků: 903
  • Karma: +212/-27
  • Pohlaví: Mužské
  • Hentai master in the world
    • Zobrazit profil
    • Benda_11
Re:Příklady změn vzhledu
« Odpověď #5 kdy: 27. Duben 2014 - 00:41:08 »
Pokud jste guru v css, tak pak není problém např. udělat menší změnu na anime k profilům anime. :) Místo ikonek se zobrazí texty.

Kód: [Vybrat]
#anime_anidb img {
display: none;
}

#anime_anidb:before {
content: "AniDB";
}

#anime_ann img {
display: none;
}

#anime_ann:before {
content: "ANN";
}

#anime_animenfo img {
display: none;
}

#anime_animenfo:before {
content: "AnimeNFO";
}

#anime_myanimelist img {
display: none;
}

#anime_myanimelist:before {
content: "MAL";
}
« Poslední změna: 27. Duben 2014 - 00:54:43 od Benda_11 »

Offline Mila

  • Starý kořen
  • ****
  • Příspěvků: 450
  • Karma: +67/-284
  • Pohlaví: Mužské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #6 kdy: 27. Duben 2014 - 00:55:28 »
Odkazy jsou dobré, ještě něco na žánry a tu smrsklou dvouřádku u shrnutí těch dalších, by jsi neměl ?

Offline Ihrie-12

  • Sledovač
  • **
  • Příspěvků: 53
  • Karma: +11/-82
  • Pohlaví: Ženské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #7 kdy: 27. Duben 2014 - 02:24:48 »
Odkazy jsou dobré, ještě něco na žánry a tu smrsklou dvouřádku u shrnutí těch dalších, by jsi neměl ?
Ale no tak, přece by ses nechtěl ochudit o tu zábavu, hrát si s tím sám.

Prostě přestaň kibicovat a zkus to sám.
Věřím, že kdybys místo svých výlevů věnoval čas tomu něco si o problematice přečíst, již dávno bys tomu rozuměl dostatečně na to, abys to zvládnul sám.

Offline Mila

  • Starý kořen
  • ****
  • Příspěvků: 450
  • Karma: +67/-284
  • Pohlaví: Mužské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #8 kdy: 27. Duben 2014 - 03:01:22 »
Ale no tak, přece by ses nechtěl ochudit o tu zábavu, hrát si s tím sám.

Prostě přestaň kibicovat a zkus to sám.
Věřím, že kdybys místo svých výlevů věnoval čas tomu něco si o problematice přečíst, již dávno bys tomu rozuměl dostatečně na to, abys to zvládnul sám.

Nejsem CSS Guru, takže to nechám jiným ale když to předtím fungovalo dobře tak proč to teď předělávat, třeba u těch odkazů je jednodušší tam mít nápis než ikonku protože ikonka potřebuje vlastní adresu a pár tagů navíc, nápisu stačí hodit url a adresu kam odkazuje, základy tvorby stránek jsem se před nějakými 10 lety učil.

Offline FaraonX

  • Otaku
  • ***
  • Příspěvků: 241
  • Karma: +46/-14
  • Pohlaví: Mužské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #9 kdy: 27. Duben 2014 - 04:58:26 »
Pokud jste guru v css, tak pak není problém např. udělat menší změnu na anime k profilům anime. :) Místo ikonek se zobrazí texty.
Tak CSS guru by pravděpodobně na všechny ikonky použil Image Sprites, šílený programátor by sjednotil opakující se kód na:
Kód: [Vybrat]
#anime_ann img, #anime_animenfo img, #anime_myanimelist img, #anime_anidb img {
display: none;
}
A hnidopich ignorující rychlost dnešních připojení by se optal "I když je to pěkná ochcávka, není trochu zbytečné, aby prohlížeč ikonky stahoval, když je pak CSS stejně nepovolí zobrazit?"  ::)

Ale teď k věci: Bylo by asi fajn, kdyby při najetí na ikonku vyběhl nějaký info pruh. Já třeba koukal jak z jara na animenfo ikonku a musel jsem si to rozkliknout, abych zjistil co je to zač.  :-[  Takže bych přihodil title:
Kód: [Vybrat]
<img ... title="jsem ikonka muflona">
Nejsem CSS Guru, takže to nechám jiným ale když to předtím fungovalo dobře tak proč to teď předělávat, třeba u těch odkazů je jednodušší tam mít nápis než ikonku protože ikonka potřebuje vlastní adresu a pár tagů navíc, nápisu stačí hodit url a adresu kam odkazuje, základy tvorby stránek jsem se před nějakými 10 lety učil.
Jednoduší to je, ale každému se líbí něco jiného, tak proč každému neumožnit si to modifikovat po svém?

ještě něco na žánry a tu smrsklou dvouřádku u shrnutí těch dalších, by jsi neměl ?
Zkus požadavek blíže specifikovat + kdybys připojil slovo "prosím", tak by tě taky neubylo.

Hiragon - drill hiragany a katakany

Offline Mila

  • Starý kořen
  • ****
  • Příspěvků: 450
  • Karma: +67/-284
  • Pohlaví: Mužské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #10 kdy: 27. Duben 2014 - 06:59:01 »
Jednoduší to je, ale každému se líbí něco jiného, tak proč každému neumožnit si to modifikovat po svém?
Proti modifikaci nic nemám ale když už něco umožňovat tak by možná bylo lepší tam nechat nápisy a nabídnou lidem ikonky, někteří jsem chodí jedno za rok a když tam na ně vyblafnou ikonky místo nápisů tak na to taky koukat jako z jara.

Citace
Zkus požadavek blíže specifikovat + kdybys připojil slovo "prosím", tak by tě taky neubylo.
Kdo sem chodí minimálně dvakrát za týden určitě ví jak tahle řádka "Shrnutí, Příbuzná anime ...... Překládá (1)" původně vypadala, žádný zbytečný indexi u čísel a mezi horní a spodní řádkou dost místa na to abych poznal na který mi leží kurzor, teď když tam najedu třeba na mezeru vedle slova fórum ten nevím jestli se mi otevře fórum nebo manga protože tam chybí volné místo.

U žánrů to předtím bylo srovnané na řádku i s označením jako je celý ten sloupec nad tím, když je žánrů hodně tak to celkem vypadá dobře v současném stavu ale pokud to anime má jen jeden žánr třeba jako tady >> tam v prostoru o výšce tří řádek je v pomyslném prostředku té dolní jedno jediné slovo a kolem místa jak na poušti.(nebo v Hirošimě za války)

Offline Benda_11

  • Admin
  • Veterán
  • *******
  • Příspěvků: 903
  • Karma: +212/-27
  • Pohlaví: Mužské
  • Hentai master in the world
    • Zobrazit profil
    • Benda_11
Re:Příklady změn vzhledu
« Odpověď #11 kdy: 27. Duben 2014 - 12:35:32 »
A něco na tu lištu pod informace na profilu

Kód: [Vybrat]
.p_menu {
padding-bottom: 10px;
}

.p_menu ul li:after {
content: "  |";
}

.p_menu ul li:last-child:after {
content: "";
}

Offline FaraonX

  • Otaku
  • ***
  • Příspěvků: 241
  • Karma: +46/-14
  • Pohlaví: Mužské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #12 kdy: 27. Duben 2014 - 21:00:46 »
Proti modifikaci nic nemám ale když už něco umožňovat tak by možná bylo lepší tam nechat nápisy...
No vidíš to, já mám třeba naprosto obrácený názor.

Někteří jsem chodí jedno za rok a když tam na ně vyblafnou ikonky místo nápisů tak na to taky koukat jako z jara.
A teď si představ, když nějaký chudák přecházel z DOSu na Windows. To musel být šok. :-) Moc lidi podceňuješ, kdyby někoho měla rozhodit taková drobná změna, tak bych se divil, proč už dávno není, v dnešní době, v blázinci.

Kdo sem chodí minimálně dvakrát za týden určitě ví jak tahle řádka "Shrnutí, Příbuzná anime ...... Překládá (1)" původně vypadala, žádný zbytečný indexi u čísel a mezi horní a spodní řádkou dost místa na to abych poznal na který mi leží kurzor, teď když tam najedu třeba na mezeru vedle slova fórum ten nevím jestli se mi otevře fórum nebo manga protože tam chybí volné místo.
Hmm mám dělat něco smysluplného nebo sem chodit minimálně 2x do týdne... hmm vážně dilema, asi si zajdu ke kartářce, aby to rozsekla.  ;) Ale máš pravdu, je to vcelku nepříjemně blízko sebe.
Ale to co ti postnul Benda by ti mělo vytrhnout trn z paty, dokonce tam budeš mít i svislítko (pajpu, rouru, říkej tomu jak chceš :) ).

U žánrů to předtím bylo srovnané na řádku i s označením jako je celý ten sloupec nad tím, když je žánrů hodně tak to celkem vypadá dobře v současném stavu ale pokud to anime má jen jeden žánr třeba jako tady >> tam v prostoru o výšce tří řádek je v pomyslném prostředku té dolní jedno jediné slovo a kolem místa jak na poušti.(nebo v Hirošimě za války)
Určitě je to tím žánrem? Já bych řekl, že třeba zde je ta velká mezera způsobena tím, že tam chybí např. řádek "Čas na epizodu" vzhledem k tomu, že je to jednodílný film. Když koukám do kódu, tak žánr je stabilně zakotven na stejném řádku s "Hodnocení" pod obrázkem. Což znamená, že tohle s CSS nepovodíš.
« Poslední změna: 29. Duben 2014 - 17:20:41 od FaraonX »

Hiragon - drill hiragany a katakany

Offline Hito

  • Otaku
  • ***
  • Příspěvků: 181
  • Karma: +14/-14
  • Pohlaví: Mužské
    • Zobrazit profil
Re:Příklady změn vzhledu
« Odpověď #13 kdy: 11. Květen 2014 - 19:37:09 »
Ahoj, potřeboval bych poradit, nejde mi změnit to šedé pozadí k obrázkům na bocích..
Přepíšu HEX na bílou a po uložení se to vrátí zpět na šedou.. kde je problém ?

Díky

Offline Haar

  • Moderátor
  • Nováček
  • ******
  • Příspěvků: 14
  • Karma: +2/-0
  • Pohlaví: Mužské
  • Fujoshi
    • Zobrazit profil
    • Yaoi manga
Re:Příklady změn vzhledu
« Odpověď #14 kdy: 11. Květen 2014 - 19:43:16 »
Řekla bych promazat cache a nebo mi pak pomohl relog.