Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите доверстать закладки / 9 сообщений из 9, страница 1 из 1
07.10.2008, 10:46
    #35579696
p4sh0k
p4sh0k
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите доверстать закладки
есть уже практически готовое решение..
но в верстке есть одно но
у закладок язычок (который справа) всегда должен вылезать поверх следующей закладки
КРОМЕ случая когда дельше идет активная закладка
код выдает jQuery.. я записал вариант кода который получается как раз после обработки скриптом
в HTML файле желательно (но не обязательно) ничего не менять..
я там пробовал и z-index и вроде все значения верные ввожу.. но никак и все тут
помогите плиззз.. я уже всю голову себе сломал как это сделать

исходный код с картинками приложил архивом к письму
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.10.2008, 12:29
    #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
| Ответить | Цитировать | Написать  
08.10.2008, 12:09
    #35582702
p4sh0k
p4sh0k
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите доверстать закладки
мдя.. а так тихо то тут у вас?
может у когото есть хоть какие то идеи?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.10.2008, 13:46
    #35589409
ZeusTheTrueGod
ZeusTheTrueGod
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите доверстать закладки
возьми ext js

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

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


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