Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)
Продолжение...
Предыдущая тема: Общие вопросы по оформлению (49)
Просьба: когда задаете тот или иной вопрос выкладывайте ссылку на форум, на котором проблема.
Советую забить в закладки:
Каталог скриптов/CSS
Типовые Вопросы (ЧаВо)
Отредактировано Deff (Вт, 27 Авг 2013 14:38:34)
Deff
Спасибо большое! Что бы без вас делала! 
Как немного опустить таблицу, чтобы она не наезжала на шапку?
http://eldorado.rolka.su/
Добавьте красным - цифру регулируем
<table width="99%" border="1" style="margin-top:23px;">
1. Подскажите, пожалуйста, как сменить цвет ссылок в тексте сообщений. А может быть даже, чтобы они подчеркивались.
Во второе Окно стиля:
.punbb .post-content a {
color:#6C0A90;
font-size:110%;
text-decoration:underline;
}
.punbb .post-content a:hover,
.punbb .post-content a:focus,
.punbb .post-content a:active{
color:red;
}
Отредактировано Deff (Вс, 20 Окт 2013 15:18:06)
Deff
большое спасибо)
Типовые Вопросы п.п.20
спасибо вам огромное!
http://test100500.rusff.ru/
а можно сделать так, чтобы меню навигации при любом раскладе было по центру (по вертикали) этой каменной таблички? В смысле, когда я админ, все ровно, ибо пунктов много, но когда я гость, много пустого места снизу
Нэнси Малина, дело в том, страницы верстаются, фактически, двумя типами элементов. Это либо, условно, див-блоки, либо таблицы. При этом возможности див-блоков и таблиц (их поведение на странице и оформление) различаются, но и имея некую область пересекающихся, то бишь идентичных возможностей и схем поведения.
Ссылки навигационной панели созданы с помощью див-блока. Див блоки не умеют центрировать свое содержимое по вертикали, зато таблицы - умеют. Поэтому, как вариант (хотя он может не работать для Осла, поэтому попробуйте, если станете применять, во всех браузерах), можно заставить див-блок, в который помещены ссылки навигационной панели, прикинуться ячейкой таблицы. В таком случае "перепрограммированный" див-блок обретет возможность центрировать свое содержимое так же, как это умеют делать таблицы и их ячейки.
#pun-navlinks .container {
padding: 0.7em 1em;
display: table-cell;
vertical-align: middle;
height: 220px;
width: 100% → 200px;
}
Но при этом нужно будет сделать еще несколько правок:
#pun-navlinks > .container,#pun-ulinks > .container, #pun-announcement > .container, #pun-status > .container, #pun-break1, #pun-crumbs1 > .container, #pun-break2, #pun-main, #pun-stats, #tieser-bottom, #pun-break3, #pun-crumbs2 > .container, #pun-break4, #pun-about, #html-footer > .container {
padding-right: 200px !important;
}
#pun-navlinks {
border: 0px none transparent;
width: 200px;
position: absolute;
top: 145px;
margin-left: 520 → 530px;
}
Зачеркнутое - убрать. Темно-синее поменять на сине-зеленое
Remus John Lupin
Наверно cделать li inline-block;
тогда:
#pun-navlinks .container{ /*тут подобрать ширину для автопереноса*/
vertical-align:middle;
}
Отцентрирует
inline - элементы центрируются по вертикали и в div
Вот еще забавное выравнивание: http://habrahabr.ru/post/189696/
тогда у .container делаем height:auto;
И .container выравниваем в #pun-navlinks
Отредактировано Deff (Пн, 21 Окт 2013 16:57:56)
Remus John Lupin, Deff
спасибо большое!
как поставить картинку под название категории? (не вместо)
я знаю, что это можно сделать с помощью background, но верстка делалась не с нуля (со стандарта), как полагается, а с прошлой верстки. А там у меня категории были картинками. То есть ни текста, ничего нет...
Что нужно поставить и куда, чтобы все вернуть?
Отредактировано Нэнси Малина (Пн, 21 Окт 2013 17:21:15)
а нет, не до конца
не могу опять же отцентрировать название категории по вертикали
а еще как сделать, чтобы кнопки вверх вниз были единым целым? там пробел буквально в пару пикселей, вырезала ровно, по краю.
Отредактировано Нэнси Малина (Пн, 21 Окт 2013 18:03:41)
а нет, не до конца
не могу опять же отцентрировать название категории по вертикали
К примеру В HTML верх
<style type="text/css">
#pun-stats h2 span,
.category h2 span{
position:absolute;
width:788px;
text-align:center;
margin-top:16px;
}
</style>
а еще как сделать, чтобы кнопки вверх вниз были единым целым? там пробел буквально в пару пикселей, вырезала ровно, по краю.
<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 35%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх">
<img src="http://s4.uploads.ru/g9wia.png" alt="Вверх" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз">
<img src="http://s5.uploads.ru/kStNO.png" alt="Вниз" style="margin-top:-2px;"></a>
</div>
Deff
спасибо с кнопками получилось, но категории теперь ездят по горизонтали по все стороны и не хотят стоять по центру
, но категории теперь ездят по горизонтали по все стороны и не хотят стоять по центру
Нэнси Малина
Поставьте код как есть, без изменений! (типовая ошибка новичков - не пробуя исходник, вносить свои изменения)
Отредактировано Deff (Пн, 21 Окт 2013 18:54:27)
Наверно cделать li inline-block;
Да, кстати, так тоже должно сработать. Благо, у нас предусмотрено много блоков, вложенных друг в друга, что позволяет рассиропить свойства по нескольким разным блокам и достичь нужного результата.
На досуге попробую 
Спасибо за идею и за ссылку я такие вещи коллекционирую , буду разбираться.
Вопрос первый: Можно ли припустить/поменять расположение кнопочек? "Форум, Поиск, Участники и т. д."
http://i60.fastpic.ru/big/2013/1021/b9/ … 7ba9b9.png
Второй: можно ли как-нибудь их разлепить? http://i60.fastpic.ru/big/2013/1021/1f/ … 9c261f.png
http://stormfox.mybb.ru/
Отредактировано ahri (Пн, 21 Окт 2013 21:31:38)
У меня нету. Можеш перезалить?
Вопрос первый: Можно ли припустить/поменять расположение кнопочек? "Форум, Поиск, Участники и т. д."http://i60.fastpic.ru/big/2013/1021/b9/ … 7ba9b9.pngВторой: можно ли как-нибудь их разлепить? http://i60.fastpic.ru/big/2013/1021/1f/ … 9c261f.pnghttp://stormfox.mybb.ru/
Сделайте скриншот[1], стрелками укажите: что "разлеплять" - что убирать, что - двигать и как
Короче + новый итоговый эскиз размещения[2]
Отредактировано Deff (Пн, 21 Окт 2013 22:18:56)
ahri, можно Можно почти все
Можно ли припустить/поменять расположение кнопочек? "Форум, Поиск, Участники и т. д."
div#pun-navlinks {
position: absolute;
margin-left: -40px;
top: 430px;
}
Увеличивайте цифру (это отступ данного меню от верха экрана) до тех пор, пока ссылки не занимать нужное вам положение. Приблизительно 500 пикселей.
Второй: можно ли как-нибудь их разлепить?
Смотрю в Лисе и Хроме. Расстояние между заголовками есть, хотя и незначительное 
. Расстояние между ними увеличить можно лишь варьируя шириной столбцов (не только заголовков). Либо расположив заголовок по центру:
#pun-index th.tcr {
text-align: center;
}
Это только для заголовков последнего столбца всех категорий (только главная страница)
Remus John Lupin
спасибочки! 
Отредактировано ahri (Пн, 21 Окт 2013 22:20:47)
div#pun-navlinks {
position: absolute;
margin-left: -40px;
top: 430px;
}
а куда вставлять, не подскажите?
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)