Dayks

http://rmcreative.ru/blog/post/krossbrauzernyy-border-radius

Всем доброго времени суток. Задача: необходимо сделать чтобы при наведении на ссылку в виде картинки (обрамленную обводкой) сбоку от нее расширялось место (увеличивается ширина обрамленной области) и там появлялась текстовая подсказка. .block a { float:left; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width:30px; height:30px; border:1px solid #CECECE; background: #fff url(images/block.png) no-repeat; } .block a:after { content:'подсказка'; float:left; margin-left:30px; font-size:22px; line-height:34px; color:transparent; } .block a:hover { width:50px; background: url(images/block_hover.png) no-repeat; } .block a:hover:after { font-size:22px; color:red; } Как видите я пробую реализовать задачу через псевдокласс :after, но проблема в том, что подсказка появляется моментально, без анимации и при этом плавно расширяющийся блок краем плавно едет по подсказке, то есть имеет место такой визуальный "глюк": Помогите либо исправить ошибку в коде, либо найти другое решение. Спасибо заранее.

Всем добрый день. Есть сайт на Wordpress (на локале). В открытом посте для перехода на публикацию вперед/назад используются соответственно функции <div class="next"><?php next_post_link('%link', ''); ?></div> <div class="previous"><?php previous_post_link('%link', ''); ?></div> в виде иконок-стрелок. Но одно не учтено - если открыть самый свежий пост, то стрелка, ведущая на следующий (более новый) пост отсутствует, что в принципе вполне логично. Подскажите пожалуйста как реализовать функцию, которая в зависимости от того, открыт самый новый опубликованный пост или любой другой пост выводила бы разные блоки <div>, то есть либо <div class="next"></div> если пост второй или более старый, либо какой-то <div class="empty"></div> если это самый новый пост. Спасибо заранее.

Всем еще раз доброго времени суток. Смотрите какой я нашел код http://jsfiddle.net/WgFVY/ по данному коду работает всплывающее окно, в котором производится шаринг ссылки на фейсбук, после чего оно автоматом закрывается. Но появилась проблема - если разместить такую кнопку на главной в конце каждого из десяти постов, то по нажатию на кнопку в первом посте открываются 10 всплывающих окон с шарингом первого поста. По нажатию на кнопки во втором и всех последующих постах всплывающее окно не появляется вообще, а производится переход на страницу шаринга прямо в этом окне в этой же вкладке. Как можно решить данную проблему? Спасибо за помощь.

Вот и код для копки ВК нашелся рабочий http://jsfiddle.net/RLVys/ Видимо испробованным мною раньше вариантам не хватало кода <script type="text/javascript" src="http://vk.com/js/api/share.js?11" charset="windows-1251"></script>

Еще один вопрос - код, который я выше дал для кнопки твиттера работает, но почему-то выдает сразу 2 ретвита в счетчике кнопки, даже тут. Не понимаю почему так происходит.

Вот, наконец-то рабочий код для твиттера <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>" style="width:115px; height:21px;"></iframe> Может кто-то знает как его пополнить укорачиватилем ссылок? Чтобы вставлялись в твит не длинные ссылки, а короткие. Например через t.co, bit.ly, goo.gl - в принципе не важно какой сервис будет задействован. С кнопкой ВКонтакте вопрос открыт - код pashkje ничем не помог, там непонятная кучка

Вы наверно скопировали открыв исходный код в браузере. Твиттера в вашем коде нет вообще, а контакт работает криво, он ссылается на ваш сайт. Скопируйте пожалуйста код их самого файла своей темы. Simpsons, необходимо получить коды оригинального дизайна со счетчиком. И прибегать к использованию сторонних сервисов не спешу.

Всем доброго времени суток. Пробовал найти решение, но не получилось. Необходимо на главной странице в блок каждого поста добавить кнопку вконтакте, твиттера, гугл+ и фейсбука (или хотя бы первых двух), которая будет делиться содержанием того поста, в котором находится ссылка. Если формировать кнопку для вк на его редакторе кнопок, то получается такой код <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "mini"}); </script> и эта кнопочка будет делиться url-ом страницы, а не пермалинком поста. То есть такая кнопка может существовать в единственном экземпляре. Вот на этом сайте есть пример того, что я хочу сделать macdigger (не реклама) Связаться с автором не получилось, а то, что я достал через исходный код выдает "ничего", просто пустое место, кнопки нет (ни вк, ни твиттера). Поделитесь пожалуйста кодами, которые вы используете при подобной необходимости. Спасибо.

Помог совет gordi, но пришлось очень долго оптимизировать их код. То, что они посчитали упрощением я считаю захламлением кода. Ведь описывать каждый бордер элемента (верх/справа/низ/слева) в разных местах - это что-то с чем-то. И это только один пример

Добавил блоку general параметр overflow:hidden, ничего не изменилось.

очень запутанный пример. Но все равно не подходит. Мне необходимо чтобы блоков GENERAL (в моем примере) было 10 штук на странице, и в каждом было такое расположение красного, зеленого и желтого блоков. В Вашем примере продублировал блоки CONTENT и RIGHT несколько раз, так внутренний правый нижний блок остался только в самом последнем (в самом нижнем) блоке RIGHT, в остальных его нету. И я не могу понять что такое margin-bottom:-32600px; padding-bottom:32600px;

а иначе никак? Не могу понять почему для зеленого блока не работает height:100%; при том, что width:100%; работает (я экспериментировал), а margin-bottom:0; вообще никогда нигде не работает.

Помогите пожалуйста реализовать такое размещение блоков Тут: красный блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину; зеленый блок имеет высоту, равную высоте красного блока и постоянную ширину; желтый блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину и по любому выравнивается в самом низу зеленого блока. Да, забыл нарисовать - зеленый и красный блок находятся в одном общем блоке GENERAL соответственно с непостоянной высотой, но постоянной шириной. Вот что делал я и оно не работает как надо - зеленый блок не равный по высоте красному и желтый блок не в самом низу. .general { margin-bottom:10px; } .red { float:left; background:white; width:700px; } .green { display:inline; float:left; width:76px; height:100%; } .yellow { float:left; margin-bottom:0; width:76px; } Буду очень признателен Вашей помощи.

блин, а вот как сделать выравнивание слева и справа вообще не знаю, не работает никак А может на размещение изображений влиять набор CSS свойств родительских блоков? Например у меня идет блок BODY, в нем блок CONTENT, в нем блок COLUMN, в нем блок POST и уже там содержимое поста с изображениями. Могут ли какие-либо свойства всех вышеперечисленных блоков так вот ломать верстку?

Заметил один нюанс - если взять картинку в теги <p style="text-align: center;"> </p> то в RSS она отображается по центру... Это можно сделать через CSS? Чтобы не вводить каждый раз код.

Дорогие форумчане, я уже не знаю где искать решения. Все картинки в постах в RSS попадают без выравнивания и обтекания текстом. При этом на самом сайте все как положено, все отображается как задумано. А в RSS все картинки слева (даже если их по центру выставить) и их не хочет обтекать текст (даже если выбрать обтекание текстом справа или слева). Вот код CSS (сайт на Wordpress): .alignleft, img.alignleft { float: left; margin: 0 10px 5px 0; } .alignright, img.alignright { float: right; margin: 0 0 5px 10px; } .aligncenter, img.aligncenter { clear: both; display: block; text-align: center; margin-left: auto; margin-right: auto; } .alignnone, img.alignnone { clear: both; display: block; text-align: center; margin-left: auto; margin-right: auto; } RSS работает через FEEDBURNER. Прошу помощи.

а можно как-нибудь упростить заключение их в один контейнер? например с помощью псевдоэлементов :before и :after. или как-то еще использовать данные псевдоэлементы?

общего контейнера для картинки и текста рядом с ней (и только для них) нет, есть вообще общий контейнер для всех картинок и текстов - пост. сайт на вордпрессе, если это важно. хотелось бы найти решение универсальное, чтобы не ковырять каждый пост в html, а прописать раз в css и забыть.

Всем доброго вечера. Подскажите как правильно сделать обтекание. Вот для примера код для обтекания слева img.alignleft { clear:left; float: left; display: inline; margin-right: 10px; margin-bottom: 2px; } но появляется проблема - если нужно сделать обтекание нескольким пикчам и текст, расположенный справа от первой не заполняет все пространство рядом с ней, то почему-то текст, который должен быть расположенный уже справа от второй картинки лезет вверх и встает еще рядом с первой. Вот так примерно: а надо чтобы текст, который в посте идет после второй картинки и стоял после второй картинки, вот так

Увы вы не правы. Считаю не нужным скачивать исходники вашего примера, изучать их пол дня, ведь делаю я это вообще с нуля, чтобы реализовать у себя пару строк кода. Не ленивый я, иначе не делал бы вообще ничего. И так сегодня пол дня провозился с less, так как он поддерживает мат. операции, но не учел, что нельзя оперировать числами разной размерности в одном уравнении. Я понадеялся на то, что знатокам легче дать кусок кода или просто ссылку на урок, а не отправлять читать литературу или учить полностью незнакомый код, но не тут то было, вы не из таких. Странно, что не дали ссылку на покупку книги "JavaScript для чайников". Просто бывают хорошие админы, а бывает psywalker. Мне уже не важно что вы ответите, ведь это будет в том же духе пофигизма.

Ну я вас не заставляю мне наверстать сайт, я всего-то функцию попросил дописать в код. При чем никуда ходить не надо, все тут, на этой странице. Но похоже вы человек занятой, у вас нету времени мне пару строк кода черкануть, вы ведь заняты написанием мне саркастических нравоучений. А показать-то как мою охоту научиться? показать вам скрин закладок по освоению веб-строительства? У меня там много накопилось уроков, статей и т.п. А яваскрипт не трогал, так как надеялся сотворить свой проект без сложностей, но не выходит. Да пофигу, нет так нет. Либо обойдусь, либо где-то разыщу информацию.

psywalker Группа:Администратор Патриотичненько... Это был сарказм? Мне от вашей ссылки ни тепло, ни холодно. Страница какая-то, и что? Я новичок, но хочу научится для себя. И если так вот меня пинать будут, то ничего из этого не получится. Легче дать в одном посте ответ, чем заливать тему сторонними разговорами.

скорее второе

Отлично, с пикселями заработало! Подскажите пожалуйста еще как задать высоту этому же блоку, равную высоте страницы, то есть так же резиновая высота должна получится, в зависимости от длины страницы.