Меня для категорий раздела как в google,
|
|
komar | Дата: Пятница, 21.06.2013, 23:38 | Сообщение # 1 |
Offline
Свой человек
Продвинутые
Сообщений: | 712 |
Награды: | 6 |
Замечания: | 0% |
|
Решил немного модернизировать свой сайт, подсмотрел интересное решение на google, вот скрин:
|
|
| |
komar | Дата: Пятница, 21.06.2013, 23:55 | Сообщение # 2 |
Offline
Свой человек
Продвинутые
Сообщений: | 712 |
Награды: | 6 |
Замечания: | 0% |
|
Нашел вот такое, похоже, но не то... Доступно только для пользователей
|
|
| |
komar | Дата: Суббота, 22.06.2013, 00:31 | Сообщение # 3 |
Offline
Свой человек
Продвинутые
Сообщений: | 712 |
Награды: | 6 |
Замечания: | 0% |
|
Не могу его рипнуть с google Код меню: Код <nav class="appbar-nav appbar-nav--breadcrumb"><ul class="breadcrumbs"><li class="crumb-container" style="z-index:3"><a class="crumb crumb--first" href="/adsense/?hl=ru#topic=1250106"><span title="Главная страница справки">Главная страница справки</span></a></li><li class="crumb-container" style="z-index:2"><a class="crumb" href="/adsense/topic/2717009?hl=ru&ref_topic=1250106"><span title="Оптимизация объявлений">Оптимизация объявлений</span></a></li><li class="crumb-container" style="z-index:1"><a class="crumb crumb--last" href="/adsense/topic/3131279?hl=ru&ref_topic=2717009"><span title="Сводка">Сводка</span></a></li></ul><script>hcfeComponents.push(['hcfe','Breadcrumbs','.breadcrumbs'];);</script></nav></div> Ссылка на файл Css: www.gstatic.com/support/content/20130617-231201-1736/css/v1/hc-all.css
Если вставлять: Код <link href="//www.gstatic.com/support/content/20130617-231201-1736/css/v1/hc-all.css" rel="stylesheet"> перед меню,то все работает.
Думаю, google не обидеться, если с него рипнуть менюшку
Сообщение отредактировал komar - Суббота, 22.06.2013, 00:32 |
|
| |
PULLO | Дата: Суббота, 22.06.2013, 18:37 | Сообщение # 4 |
Offline
Продвинутый
Проверенные
Сообщений: | 125 |
Награды: | 0 |
Замечания: | 0% |
|
у меня на сайте такое меню
|
|
| |
komar | Дата: Суббота, 22.06.2013, 23:24 | Сообщение # 5 |
Offline
Свой человек
Продвинутые
Сообщений: | 712 |
Награды: | 6 |
Замечания: | 0% |
|
Цитата (PULLO) у меня на сайте такое меню Нет у тебя не такое, но похожее... У тебя сама полоса меню идет до конца страницы, а тут она ограничена острым углом.
|
|
| |
LexaBLR | Дата: Вторник, 25.06.2013, 22:32 | Сообщение # 6 |
Offline
Супер чел
Проверенные
Сообщений: | 287 |
Награды: | 3 |
Замечания: | 0% |
|
Спасибо за куль вещь) Лови в карму...
Все круть...:D
|
|
| |
komar | Дата: Среда, 26.06.2013, 13:50 | Сообщение # 7 |
Offline
Свой человек
Продвинутые
Сообщений: | 712 |
Награды: | 6 |
Замечания: | 0% |
|
LexaBLR, За что? Ты рипнул или взял готовый по ссылке, он отличается от того, что я хочу.
|
|
| |
antisept | Дата: Среда, 26.06.2013, 18:43 | Сообщение # 8 |
Offline
BrainStorming
Администраторы
Сообщений: | 2847 |
Награды: | 51 |
|
|
html: Код <nav class="appbar-nav appbar-nav--breadcrumb"><ul class="breadcrumbs"><li class="crumb-container" style="z-index:3"><a class="crumb crumb--first" href="/adsense/?hl=ru#topic=1250106"><span title="Главная страница справки">Главная страница справки</span></a></li><li class="crumb-container" style="z-index:2"><a class="crumb" href="/adsense/topic/2717009?hl=ru&ref_topic=1250106"><span title="Оптимизация объявлений">Оптимизация объявлений</span></a></li><li class="crumb-container" style="z-index:1"><a class="crumb crumb--last" href="/adsense/topic/3131279?hl=ru&ref_topic=2717009"><span title="Сводка">Сводка</span></a></li></ul></nav> css: Код .breadcrumbs{white-space:nowrap} .breadcrumbs>li{display:inline-block;*display:inline;*zoom:1;list-style:none;margin-left:-15px;position:relative} .breadcrumbs .crumb{background-position:100% -93px;background-repeat:no-repeat;color:#666;display:block;font-size:12px;padding-right:15px;text-decoration:none} .accordion--animate .crumb{-webkit-transition:width 218ms;-moz-transition:width 218ms;-o-transition:width 218ms;transition:width 218ms} .breadcrumbs .crumb:visited{color:#666}.breadcrumbs .crumb:hover{background-position-y:-124px;color:#333;text-decoration:none}.breadcrumbs .crumb:active{background-position-y:-155px}.breadcrumbs .crumb>span{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABdCAYAAABkWQwFAAAAYklEQVQYV7WMMQqAMBRDn1+6la7e/zDdunXqDTp0LXSLm4oIKugSkjwSSimi9y4DOIgkzt3PtNaKAROSsBijGGPoZvugexWvQM4ZgGUGHCklWQgB895jzrm756/dHltrsIEVk2pi1fyj3qwAAAAASUVORK5CYII=) repeat-x;display:block;line-height:31px;overflow:hidden;padding-left:25px;text-overflow:ellipsis}.breadcrumbs .crumb:hover>span{background-position-y:-31px}.breadcrumbs .crumb:active>span{background-position-y:-62px}.breadcrumbs>li:first-child{margin-left:0}.breadcrumbs .crumb--first>span{padding-left:4px;margin-left:4px}.breadcrumbs .crumb--first:before{background-position:0 0;background-repeat:no-repeat;content:"";height:31px;position:absolute;width:4px}.breadcrumbs .crumb--first:hover:before{background-position-y:-31px}.breadcrumbs .crumb--first:active:before{background-position-y:-62px}.breadcrumbs .crumb,.breadcrumbs .crumb--first:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAC4CAYAAAA8GbaHAAAFgklEQVR42u2Zy0tcVxzHb1+TpE07pKUNJSDdBQqhQkGaXXfmD8iiZBuaRQiUBpQsqoV25dq1FYvgiBAZmIoO4 nsT8Dk6Os7o+H47js9RF+X0+xV/Zco4M+d372II9cInYOLn3PM795zfOecXZ3Z2tgyEQAYYDZTDm5ub5vj42JycnKignDo6OlKLIu+XTj48PGTMWq5lV/LBwYHB59JyLbuW8bm0XMuuZDwGDWgpsZxKp9Ou5dDa2pqRBrTyPRAE2272Ktc4xhjXOJ2dnV8NDg7+NTQ0lAFGgzMwMNC1uLhoMpmMOTs7U+HgrXtIo2pR5APseO5lvvn09FTLWy0jjf JTaXmrZSQzN0epUst43JxJSi0jb7vZ3EstI+G72SX/lzKTfnpvb8/dFtvT0xNOJBImlUrp5dra2q+7u7u70INd9V6F5ya4Az4Hd5U4PuB3JQ8PD5eBEMgAo4FyeGxszMRiMROPx1VQTnG0V1dXzfr6ugrK+8vLy2Zra8vs7OyouJDxVvkLvbyysmK2t7e1lFi WAVPjXV5aWjIod6jxLvMEuLGxoca7vLCwwLmqxrucTCYNrgpqvMvz8/Ncz2q8y3NzcwaLQ413mTkMi0ONd5lpFItDi3c55UUORSIRw2+N1aWC8j0QBNvqvcoY93iTLy/SG6AW+FQyD9082XCJQQ4Bn0q+RBpo1Mm5Dbx0I/OIRPkcVBSVrzrBcxODnAR+tUyYHSG/1soCUw0beOFKxg1A4i9Xy4RbKeQY8CvknPgDObLlZYQJjw08cyXjTE45Ax5oZcINXeK/rZWJTN9XWllGPgH87mKWb07Z8iYjo/2UkkrmNJV1rpF5cKEYAbdU8u7uLsV9cF8EW5m7AuXHeVdVkTjrC67nK25qshDeAJ9GlhSUAmX8BVuZE4EbGOVHVtkzS5SJUGUjisybiowsRP1eFQVPNCIp4RaLS/TfqBus9/f3/xoIBG7gZ8cWh2VXrleexXB776ivr7+pkgU20NfX9ycu1u+oZcLR7+3trbJpwJHqqcAtBv9wHg6HH2plwhXF+Bebm5s/VcuEx2h8gRC6/65WJhL/T/nidwpVVLlYGD/+0+BbrUx4rmb884xfKxOJv43dV8uEdRTUkJ5nN+DYlmaZhiFkEH+5ViZMGIw/3tDQ4FfLhLcC1NB+YfcdRXlW3pysrq7+kpPHWmZKxro/xZL9njU01ZtnZmZMW1vbz5A+Au8hZrvNndO0q6srAOkT8D5FKxm3es7vmcrKSsbpY3dtZO7NjPO4rq7uO4lTRJB/l+RmMDU1ZVpbW39knLI0rWROx46Ojj+y47SRuRAY51hFRcUXEqeNLCkoXVNT8012nEVlTv6JiQnT1NT0A6QPJc68MgdGdkpOhGAw+Bukj2UiFJV5jODItre3/w7JDz6wydv8g4MTb2lpea4RCZ+74DN2VSOKfAP4GCNFR/NcXqQ3QC3wAccGI8eKaDRqRkZG2EgI+KxljjRPQawZoNrMBhpt5IuY+X15gufxn6Wt0dFRNvDSWs5qgAmO8jmoKCozNwm4vTAEThg2kAR+W5kwATBLco6zgdcqmd3HIDJ+GcAXeeUrar jsvpy3Jf5ya5mw+9xeJycn2UAM+HPkQrVcjj6z5/j4OBsIaGS+nd1nWpLv/+w/cpF6LgeP3WeioJwBD6xlwu7zBoDSl8R/+0K2rOty8rD7soBeaWTGLl1PAL/Dx7auy0nDmOWb28rssnzvpxT/lYvUcznSslAac5JBAZFvlDgj4FaOXKCWy8M7xX1wn4KtnL0sH+fNYVfUcDkhZIDqgWMt843T09MU3wBfQZm/LOCN3NQppkAZcGxlTj9Zfo+AYyszb8vEr7JO+lzsTDccWRFtZdmrouAJcDTyP5aBBLoXa4rHAAAAAElFTkSuQmCC)} только тсс , чтобы гугл не узнал)
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
|
| |
komar | Дата: Четверг, 27.06.2013, 11:37 | Сообщение # 9 |
Offline
Свой человек
Продвинутые
Сообщений: | 712 |
Награды: | 6 |
Замечания: | 0% |
|
Спасибо большое! Буду сегодня пробовать, если хорошо получится выложу итоговый код, чтобы все желающие смогли им воспользоваться.
|
|
| |
komar | Дата: Понедельник, 08.07.2013, 00:37 | Сообщение # 10 |
Offline
Свой человек
Продвинутые
Сообщений: | 712 |
Награды: | 6 |
Замечания: | 0% |
|
antisept, Сегодня поставил, не работает, нету уголка, т.е. все прямоугольное (((
|
|
| |