Page 1 of 2
Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 26 01:34
by hleV
Noriu kažko tokio:
Žodžiu kad viskas būtų puslapio centre (nežinant turinio aukščio, nes mygtukų kiekis keisis) ir kad būtų galima įdėt mygtukus (paveikslėlius), kurie default būtų 50% užtamsinti, o užvedus pelę išryškėtų. Gali būti kad tų mygtukų bus ir daugiau nei vienas eilutėje.
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 21:56
by psychical
Dėl tavo centravimo tai klausimas ar tai įmanoma, reikia centruoti kintantį dydį, to nepadarysi labai paprastai.
Code: Select all
<!DOCTYPE html><html><head><style>.bw { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-filter: grayscale(50%); }.bw:hover { -webkit-filter: grayscale(0%); }</style></head><body> <div class="bw pic"> <img src="http://lorempixel.com/300/300/nature/2" alt="sea"></div> </body></html>
Source:
http://designshack.net/articles/css/joshuajohnson-2/
Demo:
http://mc.rez.lt/shop/a.php
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 23:35
by hleV
Panašų metodą grayscale naudojau, tai ant IE neveikė. Dėl centravimo, tai šitokį radau:
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <style type="text/css"> #container {display: table; width: 100%; height: 100%;} #position {display: table-cell; vertical-align: middle;} #content {} #box {text-align: center; border: none; padding: 15px; margin: 0 auto;} a img {border: none;} </style> <!--[if IE]> <style type="text/css"> #container {position: relative;} #position {position: absolute; top: 50%;} #content {position: relative; width: 100%; top: -50%;} #box {position: relative; left: 50%; margin-left: -300px; border: none;} </style> <![endif]--> </head> <body> <div id="container"> <div id="position"> <div id="content"> <div id="box"> Centras. </div> </div> </div> </div> </body></html>
Ir man tas tavo kodas nei centruoja nei užtamsina/atitamsina. Šiaip ar taip, nebereikia man.
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 23:45
by DYaGesS
O su
http://www.w3.org/WAI/UA/TS/html401/cp0 ... MOUSE.html nieko neiseitu tau sioje vietoj padaryt?
-- 2013 Kov 27 23:46 --
O su
http://www.w3.org/WAI/UA/TS/html401/cp0 ... MOUSE.html nieko neiseitu tau sioje vietoj padaryt?
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 23:47
by Tetusis
hleV wrote:Panašų metodą grayscale naudojau, tai ant IE neveikė. Dėl centravimo, tai šitokį radau:
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <style type="text/css"> #container {display: table; width: 100%; height: 100%;} #position {display: table-cell; vertical-align: middle;} #content {} #box {text-align: center; border: none; padding: 15px; margin: 0 auto;} a img {border: none;} </style> <!--[if IE]> <style type="text/css"> #container {position: relative;} #position {position: absolute; top: 50%;} #content {position: relative; width: 100%; top: -50%;} #box {position: relative; left: 50%; margin-left: -300px; border: none;} </style> <![endif]--> </head> <body> <div id="container"> <div id="position"> <div id="content"> <div id="box"> Centras. </div> </div> </div> </div> </body></html>
Ir man tas tavo kodas nei centruoja nei užtamsina/atitamsina. Šiaip ar taip, nebereikia man.
tai, kad ant chrome/firefox uztamsina, kas liecia ie, neverta ieskoti compability jei galima paprasciau 2 img susikurti norimus ir su css hover naudoti viena is ju
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 23:50
by hleV
Man su jokia naršykle (Firefox included) neužtamsina. Žiūrėjau net ir tavo pateiktam Source puslapy tuos hover efektus, tai dauguma veikia, bet ne užtamsinimas. Mindfuck'd.
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 23:51
by Tetusis
hleV wrote:Man su jokia naršykle (Firefox included) neužtamsina. Žiūrėjau net ir tavo pateiktam Source puslapy tuos hover efektus, tai dauguma veikia, bet ne užtamsinimas. Mindfuck'd.
pele ne ant img o ant centro uzvesk.
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 23:53
by hleV
Nevyksta nieko. Win7 64 bit.
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 27 23:56
by Tetusis
hleV wrote:Nevyksta nieko. Win7 64 bit.
keista, man viskas veikia, win xp x86, win 8 x64 iskyrus IE, asmeniskai javascript'as nepatinka man, labai apkrauna vartotojo cpu, ypac su firefox ar aplamai jei narsykle nepalaiko hardware acceleration, css naudok, paprasciausias budas
Re: Center + Responsive Buttons [NEBEREIKIA]
Posted: 2013 Mar 28 00:06
by psychical
http://blog.codovations.com/2009/12/gra ... wsers.html
Šitą permesk akim, turėtų veikt
-- 2013 Kov 28 00:09 --
O dėl centro, gali išgauti centra plotyje, su aukščiu yra kitaip, plotyje: margin: 0 auto;