Ночная Всадница, скрипты используются для создания активных элементов или работы с какими-либо данными.
Для визуального оформления используется CSS. Прочтите это сообщение из FAQ по дизайну форума в CSS
Вопросы по "Оформлению" - 3
Сообщений 201 страница 220 из 375
Поделиться20126 Янв 2011 22:46:42
Поделиться20227 Янв 2011 14:50:52
Здравствуйте. Похоже вчера я нарушила какое-то правило, извините. Но все же у еня опять назрел вопрос. Есть ли какой-то скрипт, что бы свернуть не таблицу (объявление) а логотип (шапку)
Поделиться20328 Янв 2011 04:01:45
Ночная Всадница, уточните что вы хотите. Если можно - со скриншотом(только выкладывать как превью или ссылкой на изображение)
Поделиться20431 Янв 2011 16:18:21
Добрый день.
Возник вопрос: как сделать отдельную страницу с наградами для каждого участника, что бы при нажатии мини-картинки в профиле участника можно было перейти на страницу с его наградами, как тут - http://universitynu.rusff.ru/index.php? … amp;uid=4, на сколько я понимаю по адресу это не страница которая делается через администрирование и если нажать на "награды", то можно попасть на страницу где есть описание всех наград и где указано кто получил ту или иную награду - http://universitynu.rusff.ru/index.php?act=awards. Буду очень благодарна за помощь.
Поделиться20531 Янв 2011 17:07:07
*99Problem, прежде чем спрашивать, нужно читать соответствующие темы в разделах и пользоваться поиском.
Ссылка на этот скрипт находится на в теме Навигатор по скриптам
Поделиться2066 Фев 2011 15:34:03
Появился вопрос.
Смотрим ниже на кнопки "Отправить" и "Посмотреть".
Кнопку "Отправить" я подстроить под себя смогла, но кнопка "Посмотреть" присваивает себе стиль её соседа -_-"
если первую изменить легко (submit), то вторую (preview) ну никак не получается -_- он просто видит их как одну и ту же. Помогите. Мне нужен код этой кнопки.
Поделиться20712 Фев 2011 04:13:45
Hayase, значит вы использовали не тот(те) селектор(ы)
Если вы использовали селекторы прописанные в стандартных стилях, то они подходят для обеих кнопок.
Вот селекторы, которые должны работать корректно
<style type="text/css"> input[name=preview] { /*стиль кнопки Просмотреть*/ } input[name=submit] { /*стиль кнопки Отправить*/ } </style>
Поделиться20815 Фев 2011 01:50:42
Доброго времени суток.
Хотела бы уточнить поднимался ли другими пользователями вопрос об оптимизации отображения стиля форума в различных браузерах. Если да то не могли бы вы дать ссылку для самостоятельного ознакомления.
Возникает проблема следующего характера:
При просмотре через Internet Explorer "sidebar" смещается вниз, из-за чего разрывается целостность декоративного элемента. При просмотре через иные браузеры проблема не актуальна (тестировалось на Mozilla Firefox, Opera, Google Chrome, Safari).
форум: http://impireacht.7il.ru/
спасибо...
Поделиться20915 Фев 2011 19:15:47
Есть вопрос.
Вот, значит, у меня набросок стиля - http://testovik.bb10.ru/. Можно ли как-то регулировать прозрачность светло-розовой середины (на которой находится сам текст форума, собственно)? Или сделать так, что бы эта середина начиналась только после окончания фона форума? Просто вот у меня в ФШ сделана середина, а цвет ее перекрывает. И еще: на некоторых форумах вместо названия категории стоит картинка. Как можно сделать так же? Натыкалась на код, но потеряла((
Поделиться21016 Фев 2011 19:25:03
Мarbh talamh, вопросы оптимизации если и обсуждались, то только вскользь.
Для начала нужно писать валидный CSS для вашего сайта. Это уменьшит количество проблем несовместимости с остальными браузерами.
Что-то сразу ссылки на решения распространенных проблем в иннете найти не могу, и не помню в какой книге это было.
Из того, что нашлось быстро(на английском): Как различить IE 6,7,8 с помощью 4 символов(CSS)(видео) и условные комментарии(HTML).
Дальше вы создаете отдельные стили для браузеров в которых наблюдаются проблемы.
Kitti, если под серединой вы понимаете все, что находиться внутри тега с ИД pun хотите сделать его абсолютно прозрачным, то попробуйте код:
<style type="text/css"> #pun { background-color: transparent; } </style>
если нужен полупрозрачный фон - создайте полупрозрачное изображение в формате PNG-24 и поставьте его как фоновое изображение элемента pun.
Фон категорий и расположения названия можно задавать элементам с селектором:
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2
если необходимо задать изображение для каждой категории отдельно, то используйте селектор:
#pun-categoryN h2
где вместо N подставьте номер соответствующей категории.
Поделиться21118 Фев 2011 00:11:45
Здравствуйте.
У меня вопрос на счет оптимизации изображений под размеры ячеек таблицы для разных расширений монитора.
Заранее огромное спасибо всем, кто знает, как решить проблему.
Поделиться21219 Фев 2011 22:34:07
[Юин], что вы подразумеваете под оптимизацией под размеры ячеек?
Размеры ячейки таблицы зависят от размера содержимого, и растягиваются, если содержимое больше заданного размера ячейки.
Если ширина ячейки задана в процентах(а ширина таблицы в процентах от ширины форума, а он в процентах от ширины видимой области...), то размер изображения подогнать под такую таблицу стилями невозможно.
Отсюда два варианта решения:
Первый(и ИМХО более правильный) : создание дизайна с фиксированной шириной(в данный момент это должно быть 960px или 980px, для корректного отображения на разрешениях 1024х768 и т.д.)
Второй: скриптом вы получаете ширину видимой области, вычисляете соответствующую ширину для изображения и устанавливаете ее.
При этом стоит отлавливать любое изменение ширины окна браузера и повторять вычисления.
Если вы подразумевали что-то другое - опишите подробней, чего вы хотите добиться.
Поделиться21320 Фев 2011 16:06:42
zloy.MH, спасибо. Вот только картинка в категории не отображается. может, потому что стоит код для прозрачности?
#pun-title, #pun-navlinks, .punbb select, .punbb .container, .punbb .post-body, .post h3,.punbb .section, .punbb .forum,.punbb .formal, .punbb .modmenu, .punbb .info, .punbb .post, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online { border-style: none !important; background-color: transparent !important; background-image: none; } .punbb .main .container, .punbb td.tc3, .punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-title .title-logo, #pun-title table, #pun th, #pun-main .post h3 span, #pun-main .post h3, #pun-navlinks .container, #pun-main .post-body, #pun-main h1,#pun-stats h2, #pun-main .formal textarea {background-color: transparent; }
Из него надо что-то убрать?
Поделиться21420 Фев 2011 17:21:33
Kitti, это находиться либо перебором(удалением свойств по одному) либо смотрится в Opera Dragonfly, FireBug и т.д. какие естили применены к элементу у удаляются лишние селекторы.
Поделиться21523 Фев 2011 10:25:03
zloy.MH, спасибо.
Не могу подравнять всплывающие блоки... Хочу , чтобы они ровно все располагались, а не съезжали...
http://lovesims3.ipbb.ru/
Собственно, код:
<style> div .splLink {width: 90px; height: 30px; border: 0px solid #000; background: transparent; text-align: center; font-family: tahoma; font-size: 14px; padding: 5px; text-shadow: 1px 1px 1px; color: #b56246;} .spll {width: 130px; height: 70px;} .spll div .splCont {height: auto; width: 300px; background: #decbc9; padding: 5px; z-index: 1100; margin-top: 5px; border: 2px solid #c87052; font-size: 12px; font-family: tahoma; text-align: center;} </style>
Поделиться21624 Фев 2011 02:54:56
Kitti, а можно скриншот и подробное описание проблемы?
В смысле съезжают? У меня во всех браузерах всплывающие элементы находятся на одном уровне по вертикали.
Если вы имеет в виду то, что они налазят друг на друга, то вам просто нужно задать другую ширину(width) для блоков с селектором
.spll div .splCont
(последняя строка в вашем коде)
Поделиться21726 Фев 2011 19:07:01
zloy.MH, вот скриншот:
От края форума блоки достаточно далеко "уплывают". И еще один вопрос: на некоторых форумах объявление (таблица) находятся прямо в шапке, над меню навигации... Как это сделано?
Поделиться2181 Мар 2011 01:06:10
Kitti, чтобы изменить расположение ваших меню вам нужно отредактировать и подобрать значения ширины колонок таблицы и выравнивания содержимого ячеек по вашему вкусу.
Чтобы шапка находилась в начале страницы, ее содержимое нужно помещать в HTML-верх
Поделиться21910 Мар 2011 15:41:41
здраствуйте.
проблемы таковы:
1.хочется навание форума перенести в правый верхний угол.пыталась поработать над ХТМЛ кодами,ничего не двигается.
2.рекламу спустить ниже в самый конец.тоже работала с ХТМЛ кодами,ничего не получилось.
3.после того как поставила шапку появилось её продолжение,то чего не было на самой картинке.пыталась в ХТМЛ обрезать размеры шапки,и опять же ничего не получилось.
форум: http://hetaliareallife.spybb.ru/
Большие изображения выкладываются либо в виде ссылок, либо как превью.
zloy.MH
Поделиться22010 Мар 2011 17:48:02
Трейси., а как же вы работаете с HTML-кодом, который генерируется на сервере? JavaScript?
1) Добавьте этот код в HTML-верх
<style type="text/css"> #pun-title h1 { position: absolute; right: 0px; top: 0px; } </style>
2) Ну вы же уже сдвинули его вниз(ваш второй код в HTML-верх) просто увеличьте значение параметра top.
(у вас же общая высота 500px, тут около 440-460px нужно использовать, а не 310px)
3) Когда вы задаете фоновое изображение, не указывая дополнительных параметров, то браузер подставляет свои.
background-repeat: repeat;
Вам нужно явно запретить повторение
<style type="text/css"> #pun-title table { background-image: url("http://i031.radikal.ru/1103/32/8ee27edab9f2.png"); background-repeat: no-repeat; height: 500px; } </style>
Похожие темы
Вопросы по "Оформлению" - 2 | Архив | 27 Сен 2010 |
вопрос по оформлению | Архив | 31 Окт 2008 |
Вопросы по оформлению через "Свой стиль" | Корзина | 1 Апр 2009 |
Вопросы по "Оформлению" | Архив | 31 Янв 2010 |
Вопросы по оформлению)))) | Архив | 5 Янв 2009 |