понедельник, 19 ноября 2007
02:06

ссылки

все записи пользователя в сообществе Diana Verner
aka Lucid Tear.
1) в ie сползает колонка меню
спасибо, что помогли

2) как перенести ссылки из меню (не все, а конкретно 4 штуки из allDiarylinks: ) под экстратоп, так чтобы исчо и на кнопочьки? и можно ли добавить свои ссылки, тоже с кнопками, и всё там же их разместить?

пока я нашла только как вообще переориентировать ссылку
#id iAmQuit {position:absolute; top: Xpx;left: Ypx;} причём, при подставлении значений в код, у меня никаких изменений не происходит :-(

вот, например, кнопка выхода


я ведь могу расположить её под эстратопом?

апд: done.


@темы: меню, основные блоки

URL
Комментарии
18.11.2007 в 14:40

Dark
я не держу зла. моё зло неудержимо.
URL
18.11.2007 в 14:43

Diana Verner
aka Lucid Tear.
[Dark]
спасибо, не знаю, чем версия отличается отт предыдущей, но попробую
URL
18.11.2007 в 14:57

Dark
я не держу зла. моё зло неудержимо.
URL
18.11.2007 в 15:02

Diana Verner
aka Lucid Tear.
[Dark]
спасибо за инфу :) я поменяла код, терь будем ждать что скажут пользователи с небольшими разрешениями :)
URL
18.11.2007 в 15:22

.сестра хаос.
Если хочешь сказать мне слово, попытайся использовать рот
несложнфе подсчёты показывают что у Вас враппер меньше чем сумма сайд и пэйдж ц. вот и падает
URL
18.11.2007 в 15:49

Diana Verner
aka Lucid Tear.
.сестра хаос.
да, это было после подсчёта через старый генератор.

новый код:
.right #wrapper{width:700px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
.right #side{width:150px !important;margin:0 !important;float:right}
.right #page-c{width:645px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}

враппер 800, сайд - 150, пейдж ц - 645 (645+150 = 795) + 5 отступ.



URL
18.11.2007 в 15:50

.сестра хаос.
Если хочешь сказать мне слово, попытайся использовать рот
.right #wrapper{width:700px
URL
18.11.2007 в 15:51

Dark
я не держу зла. моё зло неудержимо.
.сестра хаос. дайри переправляют width больше 700 на 700px
URL
18.11.2007 в 15:56

.сестра хаос.
Если хочешь сказать мне слово, попытайся использовать рот
[Dark], ааа) я забыла)))
URL
18.11.2007 в 16:16

Diana Verner
aka Lucid Tear.
дайри переправляют width больше 700 на 700px
странная особенность
URL
18.11.2007 в 22:03

Dark
я не держу зла. моё зло неудержимо.
пока я нашла только как вообще переориентировать ссылку
#id iAmQuit {position:absolute; top: Xpx;left: Ypx;} причём, при подставлении значений в код, у меня никаких изменений не происходит

а у вас не было мыслей, что #id_ссылки_из_меню {position:absolute; top: Xpx;left: Ypx;} является лишь примером, где вместо #id_ссылки_из_меню нужно подставить селектор, тобишь вот так #iAmQuit, а так же, что X и Y предполагают координаты? Алгебру в школе проходили? что у нас X? а Y? ну так подставляйте числа может быть?
URL
18.11.2007 в 22:15

Diana Verner
aka Lucid Tear.
[Dark]
я уже пыталась подставить значения (и числа, и название ссылки) в код - не вышло. т.е. вообще ничего не изменилось
= причём, при подставлении значений в код, у меня никаких изменений не происходит

в процессе поиска нашла другой вариант, как заменить сцылку картинкой.

код:
#mainpageLink {display:block; width:120px; height:40px; line-height:500px; overflow:hidden; background: #eee url('/userdir/1/7/7/8/177821/24864306.jpg') 0px 0px no-repeat;}
#iAmQuit {display:block; width:120px; height:40px; line-height:500px; overflow:hidden; background: #eee url('/userdir/1/7/7/8/177821/24862722.jpg') 0px 0px no-repeat;}
#favListLink {display:block; width:120px; height:40px; line-height:500px; overflow:hidden; background: #eee url('/userdir/1/7/7/8/177821/24864554.jpg') 0px 0px no-repeat;}
#pchListLink {display:block; width:120px; height:40px; line-height:500px; overflow:hidden; background: #eee url('/userdir/1/7/7/8/177821/24864574.jpg') 0px 0px no-repeat;}
#Stats {display:block; width:120px; height:40px; line-height:500px; overflow:hidden; background: #eee url('/userdir/1/7/7/8/177821/24864974.jpg') 0px 0px no-repeat;}
#allDiaryLink {display:block; width:120px; height:40px; line-height:500px; overflow:hidden; background: #eee url('/userdir/1/7/7/8/177821/24865058.jpg') 0px 0px no-repeat;}

результат:
картинки есть. в меню. как ссылки они не работают. а статистика вообще глючит
URL
18.11.2007 в 22:26

Dark
я не держу зла. моё зло неудержимо.
URL
18.11.2007 в 22:33

Diana Verner
aka Lucid Tear.
[Dark]

читала. а чем вариант  Tex, предложенный по ссылке

#myFavLink A {width:40px; height:25px; line-height:1024px; overflow:hidden; background: #eee url('/userdir/0/0/0/0/0000/000000.gif') 5px 4px no-repeat;}


отличается от моего
#mainpageLink {display:block; width:120px; height:40px; line-height:500px; overflow:hidden; background: #eee url('/userdir/1/7/7/8/177821/24864306.jpg') 0px 0px no-repeat;}

кроме конкретных значений?
URL
18.11.2007 в 22:51

Dark
я не держу зла. моё зло неудержимо.
Lucid Tear я второй вариант не практиковала, потому как первый вариант у меня прекрасно работал
URL
18.11.2007 в 23:40

Diana Verner
aka Lucid Tear.
[Dark]
поюзав этот вариант на том же примере, получила присутствие сцылки при отсуствии картинки (

код:
li#iAmQuit{background: url('/userdir/1/7/7/8/177821/24862722.jpg') 120px 40px no-repeat;} размер картинки
li#iAmQuit{ opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 1.3px;zoom:1;position:relative;} соотношение букв.вариант/картинка, как я понимаю


URL
18.11.2007 в 23:45

Dark
я не держу зла. моё зло неудержимо.
Lucid Tear Первая строка кода ставит фон на элемент меню. Меняя выделенные значения добиваемся точного позиционирования картинки.
Вторая строка прячет оригинальный текст ссылки, но саму ссылку не убирает. Поэтому она остается рабочей )
С помощью подбора значения letter-spacing надо добиться того, чтобы ширина картинки и ссылки совпадала. position:relative; и zoom:1; нужен для IE - остальные браузеры справляются и без таких подпорок. (с)
URL
19.11.2007 в 00:03

Diana Verner
aka Lucid Tear.
[Dark]
а может быть такое, что они не хотят встать ровно, т.к. им мало места? :lol:

пока они выглядят вот так (ссылки есть):


а если их скрыть #allDiaryLink{display:none} и т.д. с остальными, верно?, то можно прикрепить их наверху, как изначально планировалось?
URL
19.11.2007 в 00:07

Dark
я не держу зла. моё зло неудержимо.
Lucid Tear их можно переместить позиционированием. можете посмотреть мой код - у меня всё прекрасно перетаскивается. что касается {display:none}, то вы просто запретите отображение этой ссылки вообще.
URL
19.11.2007 в 00:30

Diana Verner
aka Lucid Tear.
[Dark]
код перевода текстовой сцылки в формат картинки оставила

он весь
li#iAmQuit{background: url('/userdir/1/7/7/8/177821/24862722.jpg') 0px -5px no-repeat;}
li#iAmQuit{ opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 3.1px;zoom:1;position:relative;}
li#pchListLink {background: url('/userdir/1/7/7/8/177821/24864574.jpg') 0px -5px no-repeat;}
li#pchListLink { opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 3.1px;zoom:1;position:relative;}
li#favListLink {background: url('/userdir/1/7/7/8/177821/24864554.jpg') 0px -5px no-repeat;}
li#favListLink{ opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 3.1px;zoom:1;position:relative;}
li#allDiaryLink {background: url('/userdir/1/7/7/8/177821/24865058.jpg.jpg') 0px -5px no-repeat;}
li#allDiaryLink{ opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 3.1px;zoom:1;position:relative;}
li#mainpageLink {background: url('/userdir/1/7/7/8/177821/24864306.jpg') 0px 0px no-repeat;}
li#mainpageLink { opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 3.1px;zoom:1;position:relative;}

по аналогии с вашим кодом для перемещения ссылок написала свой (по идее шрифт мне не нужен, но решила не трогать)
#mainpageLink { position:absolute; top: 313px; left: 112px; font-size: 12px; }
#favListLink { position:absolute; top: 313px; left: 332px; font-size: 12px; }
#pchListLink { position:absolute; top: 313px; left: 452px; font-size: 12px; }
#allDiaryLink { position:absolute; top: 313px; left: 672px; font-size: 12px; }
#iAmQuit { position:absolute; top: 313px; left: 792px; font-size: 12px; }

теперь, как можно посмотреть у меня на дневе только одна ссылка ("выход") аккуратненько выглядывает одной третью со вновь заданного ей места. остальные, я чую, тоже гдето там, т.к. при наведении курсора на прежнее место, ссылки не нащупываются (однако, поле для них есть... оно не убирается автоматически? :-( ).

что можно сделать? :) не, я понимаю, что лучше сразу лоботомию аффтару, но... :-D

URL
19.11.2007 в 00:34

Diana Verner
aka Lucid Tear.
кстати, я поняла свою изначальную ошибку. с кодом #id_ссылки_из_меню {position:absolute; top: Xpx;left: Ypx;}... я не удалила id из него :shy: вот так и песала #id #myFavLink... блонд нищасный(((
URL
19.11.2007 в 00:46

Dark
я не держу зла. моё зло неудержимо.
Lucid Tear я поняла свою изначальную ошибку. с кодом #id_ссылки_из_меню {position:absolute; top: Xpx;left: Ypx;}... я не удалила id из него

а у вас не было мыслей, что #id_ссылки_из_меню {position:absolute; top: Xpx;left: Ypx;} является лишь примером, где вместо #id_ссылки_из_меню нужно подставить селектор, тобишь вот так #iAmQuit

понятно вобщем, как вы вникаете в то, что пишут *)
по аналогии вы сделали, но если учесть, что высота экстратопа 313 пикселей, а вы задаете позиционирование ссылок в такое же количество пикселей, то это наводит на мысли, что они просто за блоком записей...



к слову сказать, если человек не может вникнуть и научиться работать методом "научного тыка", то этому человеку проще взяться за что-нибудь такое, что ему по силам, а не насиловать других.
URL
19.11.2007 в 00:54

Diana Verner
aka Lucid Tear.
[Dark]
по аналогии вы сделали, но если учесть, что высота экстратопа 313 пикселей, а вы задаете позиционирование ссылок в такое же количество пикселей, то это наводит на мысли, что они просто за блоком записей...
ну а если я указываю число большее или, то их вообще не видно нигде

к слову сказать, если человек не может вникнуть и научиться работать методом "научного тыка", то этому человеку проще взяться за что-нибудь такое, что ему по силам, а не насиловать других.
выходит, вы вот так добровольно сидите на сообществе, безропотно позволяя всем вас насиловать, а мы, изверги, грубо пользуемся? :lol:
URL
19.11.2007 в 01:06

Dark
я не держу зла. моё зло неудержимо.
ну а если я указываю число большее или, то их вообще не видно нигде
а если творчески подумать? можно увеличить высоту экстратопа?

выходит, вы вот так добровольно сидите на сообществе, безропотно позволяя всем вас насиловать, а мы, изверги, грубо пользуемся?
ну знаете, я вот за полгода пронаблюдала за людьми:
есть просто тупые, которые не видят эпиграфа вообще
есть отчасти тупые, которые его видели, но нашли не то
есть упрямые, которые доказывают, что искали то, что им нужно, но оказывается даже не знают, что существует поиск по сообществу и что то, что они искали находится на 2 поста ниже
есть наглые, которые просят сразу всё им сделать
а есть невнимательные и ленивые, как к примеру вы. ведь несложно немного подумать и полистать сообщество, правда?
URL
19.11.2007 в 01:22

Diana Verner
aka Lucid Tear.
[Dark]
а если творчески подумать? можно увеличить высоту экстратопа?
о! :hlop:

а есть невнимательные и ленивые, как к примеру вы. ведь несложно немного подумать и полистать сообщество, правда?
1) свой первый цсс дизайн я сделала летом, он был довольно прост и хренов (пардон), но зато работал. в какой-то момент он обнулился в следствие то ли переезда сервера, то ли чего (тогда это случилось не только у меня). восстановить его мне было лень.
2) сейчас мне приспичило вспомнить, как это вообще делается
- сначала я не могла вспомнить, как заплатить. я сходила по ссылке "помощь" и мне вспомнилось
- потом возникла проблема, что у пч с ie падала колонка меню. я установила просмотр больших картинок со скроллбаром, о чём сказала и ей. она сказала, что нипрокатило. я написала сюда. пересчитала код через другой счётчик. наконец-то, полчаса назад она всё-таки поставила и себе прокрутку на большие картинки и у неё заработало. какой хозяин, такой и пч видимо.
- молча я сделала себе иконки и обводку колонок со ссылками (которую впоследствие убрала), прокрутку тэгов, экстратоп, именно что листая сообщество, заглядывая в чужие коды. я пролистала где-то 4 страницы этого сообщества, не говоря уже о том, что нажала на половину ссылок в их подборках. что плохо - не всегда есть ответ даже и в соответсвующем посте
- я листала сообщество на тему картинок-ссылок. и читала ту тему, на которую вы мне давали ссылку. так уж получилось, что я выбрала вариант попроще, и он не работал. т.е. он работал, но на половину - визуальную половину. другой вариант (который вы посоветовали) тоже работал на половину, потому что отцентровать картинки-ссылки так и не получилось. я попробовала раз 20 с кучей числовых значений перед тем как написать об этом

все когда-то учатся. да, с разной скоростью, усидчивостью и т.д. то, что у меня что-то не получается, это ещё не значит, что я не пытаюсь или мало пытаюсь. я действительно хочу понять, как это работает, а не заставить вас написать код за меня.
URL
19.11.2007 в 01:52

Diana Verner
aka Lucid Tear.
http://lucid.diary.ru/
я это сделала :ura:
URL