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 и уже там содержимое поста с изображениями. Могут ли какие-либо свойства всех вышеперечисленных блоков так вот ломать верстку?