Ответ
нужен css стиль Опции темы
Старый 14.01.2012, 11:04
  #1
Stereo
 
Регистрация: 29.04.2011
Сообщений: 94

нужен css стиль






надо скопировать стиль тэгов с http://delicious.com/search?p=amateur на свой ресурс
вытащить из *.css файлов часть кода отвечающую за стили тэгов.
может кто-нибудь помочь? плачу $$
контакты - лс
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 14.01.2012, 13:25
  #2
Moe
 
Регистрация: 02.07.2011
Сообщений: 219

тут вся проблема в кроссбраузерности. ие упорно не желает картинку отображать

для всех остальных браузеров будет так:

хтмл
<div title="-ТЭГ-" class="tag">
        <div class="ar"></div>
        <div class="co">
		<span class="name">-ТЭГ-</span>
        </div>
</div>
ксс
.tag {
    font: 13px helvetica,arial,clean,sans-serif;
    background: none repeat scroll 0 0 #FDFDFD;
    border-bottom: 1px solid #D3D3D3;
    border-right: 1px solid #D6D6D6;
    border-top: 1px solid #E9E9E9;
    color: #939393;
    float: left;
    margin: 0 5px 5px 15px;
	border-radius: 0 4px 4px 0;
}
.tag * {
    float: left;
}
.tag .ar {
    background: url('sprite.png') no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 15px;
    margin-bottom: -1px;
    margin-left: -15px;
    margin-top: -1px;
}
.tag .co {
    border-bottom: 1px solid #F8F9F9;
    border-right: 1px solid #F9FAFA;
    border-top: 1px solid #FDFDFD;
    border-radius: 0 4px 4px 0;
}
.tag .name {
    line-height: 17px;
    padding: 0 6px 0 4px;
}
пикчу http://delicious.com/static/img/sprite.png надо сохранить и путь до нее прописать в свойстве .tag .ar
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 14.01.2012, 13:51
  #3
Stereo
 
Регистрация: 29.04.2011
Сообщений: 94

спасибо! добавил ещё код что-бы при наведении фон менялся
кидай Z кошель в лс, с меня пиво
.tag:hover .ar{background-position:-15px 0}
.tag.x .ar{background-position:-30px 0}
.tag.x:hover .ar{background-position:-45px 0}
.tag.x .ar:hover{background-position:-60px 0}
.tag:hover{background:#f3fcff;cursor:pointer}
.tag:hover .co{border-top:1px solid #f5fdff;border-bottom:1px solid #eff8fb;border-right:1px solid #f1f9fc}
.tag .co{border-top:1px solid #fdfdfd;border-bottom:1px solid #f8f9f9;border-right:1px solid #f9fafa;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 14.01.2012, 15:25
  #4
Moe
 
Регистрация: 02.07.2011
Сообщений: 219

ну если бы в ие все было ок, то можно было бы и кинуть, хотя тут делов то было ...
а так не стоит
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 14.01.2012, 16:46
  #5
Stereo
 
Регистрация: 29.04.2011
Сообщений: 94

Сообщение от Moe Посмотреть сообщение
делов то
кому как, я час убил так и не понял как выдернуть

Сообщение от Moe Посмотреть сообщение
а так не стоит
как хочешь

в ie попробовал - и правда кривовато, но ничё пусть ставят норм браузеры, главное что у меня работает
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кому нужен реферал на Wupload? Klaus Работа 10 22.11.2011 13:34
Нужен аккаунт на avaxhome.ws 888888888 Рынок 2 29.08.2011 21:01

Метки
вёрстка, css, delicious.com, стиль, тэги


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 11:21. Часовой пояс GMT +3.