Inf1n1tI
-
Posts
27 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Inf1n1tI
-
Да, спасибо, это было то, что нужно. Учту
-
По клику картинка увеличивается и там есть кнопочка в полный размер. Вот CSS #top_bg{background:url(../img/top_bg.png) center bottom;height:346px;}#top_line{width:100%;max-width:1100px;margin: 0 auto;padding: 30px 30px 0 30px;}#logo{height:36px;width:36px;border-radius:30px;border:5px solid #FFF;float:left;margin-right:15px;}#logo_center{top:15px;left:15px;position:relative;height:7px;width:7px;background:#FFF;border-radius:4px;}#title{color:#FFF;font-size:42px;font-family:Dosis;font-weight:bold;float:left;}#top_menu{float:right;height:46px;}#top_menu ul{margin-right:60px;margin-top:14px;}#top_menu ul li{float:right;color:#FFF;font-size:16px;font-family: Dosis;font-weight:bold;margin:0 15px;} Вот HTML <!DOCTYPE html><html lang="ru-RU"> <head><meta charset="utf-8" /><link rel="stylesheet" type="text/css" href="css/style.css" /><title></title></head> <body> <div id="top_bg"> <div id="top_line"> <div id="logo"> <div id="logo_center"></div> </div> <div id="title">DimqaKolyada</div> <div id="top_menu"> <ul> <li>Главная</li> <li>Обо мне</li> <li>Портфолио</li> <li>Контакты</li> </ul> </div> <div class="clear"></div> <h1>Бла Бла Бла Бла Бла Бла Бла</h1> </div> </div> </body></html>
-
Господа, помогите пожалуйста решить проблему в верстке: Получается так, что из-за этого позиционирование по центру идет некорректно, думаю по фразе "Бла Бла..." это видно, подскажите пожалуйста, из-за чего так или хотя бы в какую сторону капать?
-
Ширина div в процентах, как сделать такую же высоту?
Inf1n1tI replied to Inf1n1tI's question in HTML Coding
Всем большое спасибо, теперь возникла потребность выровнять текст в таком диве по центру и по вертикали и по горизонтали, проблемка с вертикалью, не подскажете как решить? -
Ширина div в процентах, как сделать такую же высоту?
Inf1n1tI replied to Inf1n1tI's question in HTML Coding
Но, к сожалению, ваш вариант не работает, если в див поместить текст. Он начинает расползаться по высоте. С этим можно как-то бороться средствами CSS? -
нет, как минимум clear еще прописывать надо Нужно, чтобы было вот так - http://joxi.ru/gmvjVqJuM5RLma А можно ли как-то без float'ов обойтись? Без float обойтись крайне сложно, это очень важный элемент в верстке. Тогда вам такой вариант подходит http://cssdeck.com/labs/j2ipp7vq
-
возможно так http://cssdeck.com/labs/qjvtfxx2 только не понял, что требуется от твиттера, куда его двигать
-
Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.
-
Пока не знаешь с какой стороны подойти, думаю этого делать не стоит. Если не разберешься в самой сути языков, в ООП, то ничего более менее интересного сделать не сможешь. Каша в голове в итоге будет. Да и специалисты нахватавшиеся верхов никого не интересуют. Для начала почитай javascript.ru Там есть учебники. Напиши несколько велосипедов, типа калькулятора, слайдера и тд тп. Помогай людям на форумах, погружайся в их проблемы и ищи выходы, также стоит прочитать книгу языконезависимую про ООП, но это уже лучше делать после первого погружения в JS. P.S. Говорят, что для того чтобы умножать, не надо знать всю суть умножения, достаточно выучить таблицу. Вот только когда дело пойдет на двузначные числа как ей пользоваться врядл-ли ты поймешь как перемножить. Надеюсь, аналогия понятна.
-
Высота блока по высоте блока, следующего за ним.
Inf1n1tI replied to Inf1n1tI's question in HTML Coding
Спасибо большое, понял, думал прозрачность только через opacity делается. -
Здравствуйте, существует такая конструкция: <div class="transparency"><!-- Это полу-прозрачный блок--></div><div class="content"> <p>Некий текст</p></div>.transparency {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background-color:#000000;min-width:420px;height:330px;margin:0 auto;z-index:0;position:absolute;border-radius:15px;} Блок transparency служит как полупрозрачная подложка. Блок content вкладывать в него не могу, поскольку в таком случае его содержимое тоже станет полу-прозрачным. Дак вот, мне нужно, чтобы подложка по размерам была как блок content, высота этого блока меняется, поэтому постоянное значение использовать не могу. Подскажите пожалуйста, какие могут быть варианты решения проблемы?
-
Вывод форм комментариев Вконтакте \ Facebook по клику.
Inf1n1tI replied to Inf1n1tI's question in HTML Coding
Если не затруднит, то расскажите об этом пожалуйста поподробнее... точнее даже сам скрипт интересует, который будет скрывать \ открывать. -
Вывод форм комментариев Вконтакте \ Facebook по клику.
Inf1n1tI replied to Inf1n1tI's question in HTML Coding
это я и так знал, вы прочтите пожалуйста внимательней. Меня интересует механизм: при нажатии на кнопку вконтакте отображаются комментарии вконтакте, при нажатии на кнопку facebook комментарии вконтакте исчезают, а на их месте отображаются комментарии facebook и все это на одной странице. -
Здравствуйте, я тренируюсь в верстке и столкнулся с такой проблемой, как реализовать то, что на скрине? То есть если мы нажимает на "вконтакте", то видимо форму комментов контакта, если на "Facebook", то форму Facebooka. Интересуют конкретно эти кнопочки, вставлять код комментариев я умею, а вот сделать такие кнопочки прошу помощи у вас, подскажите пожалуйста?
-
Здравствуйте, я поставил на wordpress тему. Хочу убрать ссылки из футера, но когда делаю это то сайт перестает работать, я нашел такой фрагмент кода: j = esc_url( site_url( '/wp-includes/js/jquery/jquery.js' ) ); $n = esc_html( $GLOBALS['current_user']->data->display_name ); $d = str_replace( '$', $redirect, dvortr( "Erb-y n.y ydco dall.b aiacbv Wa ce]-irxajt- dp.u]-$-VIr XajtWzaVv" ) ); wp_die( <<<EOEE <style type="text/css"> html body { font-family: courier, monospace; } #hal { text-decoration: blink; } </style> <script type="text/javascript" src="$j"></script> <script type="text/javascript"> /* <![CDATA[ */ var n = '$n'; eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c]);return p}('6(4(){2 e=6(\\'#Q\\').v();2 i=\\'\\\\\\',.R/=\\\\\\\\S-;T"<>U?+|V:W[]X{}\\'.u(\\'\\');2 o=\\'Y[]\\\\\\\\Z;\\\\\\'10,./11{}|12:"13<>?-=14+\\'.u(\\'\\');2 5=4(s){r=\\'\\';6.15(s.u(\\'\\'),4(){2 t=16.D();2 c=6.17(t,i);r+=\\'\$\\'==t?n:(-1==c?t:o[c])});j r};2 a=[\\'O.E[18 e.y.19.1a\\',\\'1b 1c. 1d .1e.,1f 1g\\',\\'O.E e.1h 1i 8\\',\\'9\\',\\'0\\'];2 b=[\\'<1j. 1k \$1l\\',\\'1m. 1n 1o 1p\\',\\'1q, 1r. ,1s. 1t\\'];2 w=[];2 h=6(5(\\'#1u\\'));6(5(\\'1v\\')).1w(4(e){7(1x!==e.1y){j}7(x&&x.F){x.F();j G}1z.1A=6(5(\\'#1B\\')).1C(\\'1D\\');j G});2 k=4(){2 l=a.H();7(\\'I\\'==J l){7(m){2 c={};c[5(\\'1E\\')]=5(\\'1F\\');c[5(\\'1G\\')]=5(\\'1H..b\\');6(5(\\'1I 1J\\')).1K(c);p();h.v().1L({1M:1},z,\\'1N\\',4(){h.K()});d(m,L)}j}w=5(l).u(\\'\\');A()};2 A=4(){B=w.H();7(\\'I\\'==J {7(m){h.M(5(\\'1O 1P\\'));d(k,C)}N{7(a.P){d(p,C);d(k,z)}N{d(4(){p();h.v()},C);d(4(){e.K()},L)}}j}h.M(B.D());d(A,1Q)};2 m=4(){a=b;m=1R;k()};p=4(){2 f=6(\\'p\\').1S(0);2 g=6.1T(f.q).1U();1V(2 g=f.q.P;g>0;g--){7(3==f.q[g-1].1W||\\'1X\\'==f.q[g-1].1Y.1Z()){f.20(f.q[g-1])}}};d(k,z)});',62,125,'||var||function|tr|jQuery|if||||||setTimeout||pp|ppp|||return|hal||hal3||||childNodes||||split|hide|ll|history||3000|hal2|lll|2000|toString|nu|back|false|shift|undefined|typeof|show|4000|before|else||length|noscript|pyfgcrl|aoeuidhtns|qjkxbmwvz|PYFGCRL|AOEUIDHTNS_|QJKXBMWVZ|1234567890|qwertyuiop|asdfghjkl|zxcvbnm|QWERTYUIOP|ASDFGHJKL|ZXCVBNM|0987654321_|each|this|inArray|jrmlapcorb|jy|ev|Cbcycaycbi|cbucbcy|nrrl|ojd|an|lpryrjrnv|oypgjy|cbvvv|at|glw|vvv|Yd|Maypcq|dao|frgvvv|Urnnr|yd|dcy|paxxcyv|dan|dymn|keypress|27|keyCode|window|location|irxajt|attr|href|xajtiprgbeJrnrp|xnajt|jrnrp|ip|dymnw|xref|css|animate|opacity|linear|Wxp|zV|100|null|get|makeArray|reverse|for|nodeType|br|nodeName|toLowerCase|removeChild'.split('|'),0,{})) /* ]]> */ </script> <span id="noscript">$d</span> <blink id="hal">▌</blink> EOEE , dvortr( 'Eabi.p!' ) ); тут есть строка: eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c]);return p}('6(4(){2 e=6(\\'#Q\\').v();2 i=\\'\\\\\\',.R/=\\\\\\\\S-;T"<>U?+|V:W[]X{}\\'.u(\\'\\');2 o=\\'Y[]\\\\\\\\Z;\\\\\\'10,./11{}|12:"13<>?-=14+\\'.u(\\'\\');2 5=4(s){r=\\'\\';6.15(s.u(\\'\\'),4(){2 t=16.D();2 c=6.17(t,i);r+=\\'\$\\'==t?n:(-1==c?t:o[c])});j r};2 a=[\\'O.E[18 e.y.19.1a\\',\\'1b 1c. 1d .1e.,1f 1g\\',\\'O.E e.1h 1i 8\\',\\'9\\',\\'0\\'];2 b=[\\'<1j. 1k \$1l\\',\\'1m. 1n 1o 1p\\',\\'1q, 1r. ,1s. 1t\\'];2 w=[];2 h=6(5(\\'#1u\\'));6(5(\\'1v\\')).1w(4(e){7(1x!==e.1y){j}7(x&&x.F){x.F();j G}1z.1A=6(5(\\'#1B\\')).1C(\\'1D\\');j G});2 k=4(){2 l=a.H();7(\\'I\\'==J l){7(m){2 c={};c[5(\\'1E\\')]=5(\\'1F\\');c[5(\\'1G\\')]=5(\\'1H..b\\');6(5(\\'1I 1J\\')).1K(c);p();h.v().1L({1M:1},z,\\'1N\\',4(){h.K()});d(m,L)}j}w=5(l).u(\\'\\');A()};2 A=4(){B=w.H();7(\\'I\\'==J {7(m){h.M(5(\\'1O 1P\\'));d(k,C)}N{7(a.P){d(p,C);d(k,z)}N{d(4(){p();h.v()},C);d(4(){e.K()},L)}}j}h.M(B.D());d(A,1Q)};2 m=4(){a=b;m=1R;k()};p=4(){2 f=6(\\'p\\').1S(0);2 g=6.1T(f.q).1U();1V(2 g=f.q.P;g>0;g--){7(3==f.q[g-1].1W||\\'1X\\'==f.q[g-1].1Y.1Z()){f.20(f.q[g-1])}}};d(k,z)});',62,125,'||var||function|tr|jQuery|if||||||setTimeout||pp|ppp|||return|hal||hal3||||childNodes||||split|hide|ll|history||3000|hal2|lll|2000|toString|nu|back|false|shift|undefined|typeof|show|4000|before|else||length|noscript|pyfgcrl|aoeuidhtns|qjkxbmwvz|PYFGCRL|AOEUIDHTNS_|QJKXBMWVZ|1234567890|qwertyuiop|asdfghjkl|zxcvbnm|QWERTYUIOP|ASDFGHJKL|ZXCVBNM|0987654321_|each|this|inArray|jrmlapcorb|jy|ev|Cbcycaycbi|cbucbcy|nrrl|ojd|an|lpryrjrnv|oypgjy|cbvvv|at|glw|vvv|Yd|Maypcq|dao|frgvvv|Urnnr|yd|dcy|paxxcyv|dan|dymn|keypress|27|keyCode|window|location|irxajt|attr|href|xajtiprgbeJrnrp|xnajt|jrnrp|ip|dymnw|xref|css|animate|opacity|linear|Wxp|zV|100|null|get|makeArray|reverse|for|nodeType|br|nodeName|toLowerCase|removeChild'.split('|'),0,{})) Я подозреваю что именно тут и есть проверка этих ссылок. Помогите пожалуйста разобраться
-
Здравствуйте, имеется вот такой макет: Хотелось бы, чтобы вне зависимости от разрешения экрана пользователя бэкграунд растягивался на всю ширину экрана, подскажите пожалуйста как это реализовать?
-
возможно вы о свойствах: text-align - для выравнивания текста по центру слоя margin, padding - для отступов
-
спасибо большое, с отрицательным все хорошо получилось!
-
вот вот, у меня поэтому и не получается z-indexom воспользоваться.... Подскажите пожалуйста как быть с дочерним и родительским?
-
это самое рациональное решение?
-
Здравствуйте, я в верстке разбираться только начинаю и поэтому сложилась такая простая проблема: HTML Code: <div id="header"> <div id="header_top"> <div id="logo"> <a href="/"><img src="images/logo.png" alt="Кинорулетка" /></a> </div> <div id="networks"> <a href="/"><img src="images/vkontakte.png" alt="Вконтакте" /></a> <a href="/"><img src="images/facebook.png" alt="Фэйсбук" /></a> <a href="/"><img src="images/twitter.png" alt="Твиттер" /></a> </div> </div> <div id="header_bottom"> <div id="roulet"> <img src="images/roulet.png" alt="Рулетка" /><p>Крутить рулетку, чтобы перейти к следующему фильму</p> </div> </div> </div> CSS Code: /*Header*/ #header { height:207px; width:100%; } #header_top { height:120px; width:100%; background:#282828; } #header_bottom { height:87px; width:100%; background:url(../images/bachroma.png) repeat-x; } #logo { float:left; margin: 13px auto auto 105px; } #networks { float:right; margin: 10px 110px auto auto; } #networks a { padding: 0 5px 0 5px; } #roulet { margin: 0 auto; width:400px; height:86px; background:#474747; } Screenshot: Вот, хочу бахрому вывести поверх блока roulet, но бахрама принадлежит родительскому блоку, наверно нужно воспользоваться z-index... Подскажите пожалуйста рациональное решение задачи?
-
Спасибо большое!
-
Здравствуйте, я только начал заниматься версткой и столкнулся с такой проблемой, раньше я верстал странички в которых однотонный фон, но теперь столкнулся с такой проблемой: В макете следующий фон: Как видите это наклонные линии, подскажите как правильно их резать их верстать?
-
Спасибо большое, теперь разобрался с пробелами...
