ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите доверстать закладки
9 сообщений из 9, страница 1 из 1
помогите доверстать закладки
    #35579696
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
есть уже практически готовое решение..
но в верстке есть одно но
у закладок язычок (который справа) всегда должен вылезать поверх следующей закладки
КРОМЕ случая когда дельше идет активная закладка
код выдает jQuery.. я записал вариант кода который получается как раз после обработки скриптом
в HTML файле желательно (но не обязательно) ничего не менять..
я там пробовал и z-index и вроде все значения верные ввожу.. но никак и все тут
помогите плиззз.. я уже всю голову себе сломал как это сделать

исходный код с картинками приложил архивом к письму
...
Рейтинг: 0 / 0
07.10.2008, 10:46
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35580003
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
чтото все так промолчали ((
может никому не охота лезть в архив чтоб код поглядеть?...

HTML
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<div style="margin:5px; padding:5px; width:500px; border:1px solid #aaa">
<ul class="ui-tabs-nav">
<li style='float:left;list-style:none'><a href='#news'>Новости</a><span>  </span></li>
<li style='float:left;list-style:none' class="ui-tabs-selected"><a href='#spletni'>Сплетни</a><span>  </span></li>
<li style='float:left;list-style:none'><a href='#reviews'>Обзоры</a><span>  </span></li>
<li style='float:left;list-style:none'><a href='#interviews'>Интервью</a><span>  </span></li>
<li style='float:left;list-style:none'><a href='#polls'>Опросы</a><span class='last-tab-span'>  </span></li>
</ul>
<div class="hr" style="margin: 0 6px 0 6px; padding: 0 0 5px 0; position:relative; z-index:1000; background:#fff"> </div>
</div>

CSS
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
/* Skin */
.ui-tabs-nav {
    font-size: 12px;
    list-style: none;
    margin:  0 ; position:relative; z-index: 1 ;
    padding: 7px  0   0  18px;
}

/* for all tabs */
.ui-tabs-nav li {
    position:relative; float:left; z-index: 100 ;
    margin: 0 ; padding: 0 ; padding-right:10px; margin-right:11px;
	background:#fff url('tabs_bg.gif') top left repeat-x;
	list-style:none; list-style-image: none;
	margin-left:-11px;
}
.ui-tabs-nav li a {
	float:left; padding:3px 2px 3px 7px; top: 0 ; left:-2px; z-index: 1 ;
	text-decoration: none; display:block; position:relative;
	background:url('tabs_l.gif') top left no-repeat;
}.ui-tabs-nav li a:link, .ui-tabs-nav li a:visited { color: #094d6d }
.ui-tabs-nav li span {
	display:block; position:absolute; z-index: 300 ;
	right:-15px; top: 0 ; height:25px; width:25px;
	background:url('tabs_r.gif') top right no-repeat;
}
.ui-tabs-nav li span.last-tab-span { background:url('tabs_end.gif') top right no-repeat }

/* for selected tab */
.ui-tabs-nav li.ui-tabs-selected { background:#e6e8ed url('tabs_act_bg.gif') top left repeat-x; z-index: 200 ; }
.ui-tabs-nav li.ui-tabs-selected a { z-index: 400 ; background:url('tabs_act_l.gif') top left no-repeat; font-weight:bold; cursor:default }
.ui-tabs-nav li.ui-tabs-selected span { z-index: 400 ; background:url('tabs_act_r.gif') top right no-repeat }
.ui-tabs-nav li.ui-tabs-selected span.last-tab-span { background:url('tabs_act_end.gif') top right no-repeat }

/* for IE hack */
* html .ui-tabs-nav { margin-left:12px }
* html .ui-tabs-nav li span { top:-1px; right:-16px }
* html .ui-tabs-nav a { left:-2px }
:first-child+html .ui-tabs-nav li span { top:-1px }
:first-child+html .ui-tabs-nav a { left:-2px }
html>body .ui-tabs-nav li span { top:-1px }
html>body .ui-tabs-nav a { left:-2px }

/* don't change */
div.hr{
	border-top: 1px solid #c7c7c7;
	border-bottom:none;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin: 5px  0 ;
	clear:both;
}
...
Рейтинг: 0 / 0
07.10.2008, 12:29
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35582702
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
мдя.. а так тихо то тут у вас?
может у когото есть хоть какие то идеи?
...
Рейтинг: 0 / 0
08.10.2008, 12:09
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35589409
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ZeusTheTrueGod
Участник
возьми ext js

если такой умный, что понимаешь, как работает css и можешь нормально верстать,а пользоваться этой библиотекой не охота, то в фаербаге тыришь ихний css , ну и html тоже, и смотришь, как они эти закладки сделали
...
Рейтинг: 0 / 0
11.10.2008, 13:46
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35589411
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Привет, Зевс! Наверное, ты прав.
...
Рейтинг: 0 / 0
11.10.2008, 13:50
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35589436
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
разъясню
я ничего не тырил
есть сайт за которым я приглядываю и вношу правки
там было это меню на жквери убого оформленное (так что тырить и разбираться как оно там сделано не нужно, тк тырить нечего)
мне сказали привести его в вид как в макете
я почти сделал то что надо, но немного не получается, просто видимо опыта еще не хватает.. и я подумал что может ктото подскажет или хотябы направит что у меня в коде не так и почему не получается
а скинул код в конечном виде после отработки скрипта не потому что, как вы сказали, стырить хочу и не пользоваться, а потому чтобы людям которые проявят доброжелательность (а не как вы - хуйню какую-то грубую напишет в ответ) было проще понять что же надо сделать чтобы было все так как должно в итоге получиться, и не ломать голову еще и над тем как все это обрабатывает жквери

ЗЫ: кстати..
заметил такую закономерность что на этом форуме постоянно кто-то грубит и хамит новичкам..
из (кажется... ээ...) трех моих тутошних топиков - два раза точно
...
Рейтинг: 0 / 0
11.10.2008, 14:30
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35604212
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
значит ни у кого так и нет никаких идей (
...
Рейтинг: 0 / 0
20.10.2008, 13:45
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35604240
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Зевс дал же совет "возьми ext js" и стырь чего-то там в фиребуге. Т.е. это не обвинение , а совет . В данном конкретном случае - конструктивный.
...
Рейтинг: 0 / 0
20.10.2008, 13:55
| Ответить | Цитировать | Написать  
помогите доверстать закладки
    #35607482
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
я глядел
но там нет закладок таких
а мне нужно чтобы по дизайну они были именно такие, и не важно что те красивее ))
...
Рейтинг: 0 / 0
21.10.2008, 17:57
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите доверстать закладки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=315&tid=1455699]:
 0ms
get settings:
 5ms
get forum list:
 10ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 46ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 27ms
get tp. blocked users:
 1ms
others: 209ms
total:  312ms
созд. / загр.: 312ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]