Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (57)
Предыдущая тема: Общие вопросы по оформлению (56)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Adi
Пробуйте регулировать красное
да я пробовала , но чет нет разницы, но счас еще попробую может чего изменилось)
Alex_63
о все таки получилось)
Почему-то перестала работать смена имиджа в посте. Сама кнопка работает, но не работают кнопки в ее панели.
Форум http://almarein.spybb.ru/
Mirra Bell
Попробуйте в HTML верх
<style>
#sdfs{z-index:100!important;}
.iblank{z-index:9999!important;}
</style>
Alex_63
Спасибо большое, починилось )
Доброго дня!
Заранее прошу прощения за возможные глупые вопросы, заданные ниже.
http://testjurassic.rusff.ru/
Дело в том, что я, рукожоп со стажем, впервые решилась самостоятельно заняться установкой своего дизайна себе же любимой... Для этого ркшила пойти путем наименьшего сопротивления и перекроить старый дизайн (т.к. они, в общем-то, не сильно различаются по своему наполнению) и вот с какой бедой столкнулась по пути... а точнее, с двумя бедами:
1. Полностью потерялась панель навигации, которая прежде была закреплена вверху страницы, а сейчас должна находиться в самом низу шапки.
2. При замене категорий на картинки, эта самая картинка поехала куда-то вправо, хотя по задумке должна стоять посередине.
Очень прошу оказать помощь в решении проблемы, а то уже весь мозг себе чайной ложечкой исковыряла в поисках ошибок...
.confessor
1. Этот Кусок в Первом окне стилей
/* Г3.2 Отступы */
#pun_wrap #pun-navlinks {
margin-top: -470px;
margin-left: -130px;
width: 1080px;
text-align: center;
}/* Г.3 Между пунктами */
#pun-navlinks li {
display: inline;
}
#pun-navlinks li a {
margin-left:-15px !important;
}/* Г3.4 Размер ссылок */
#pun-navlinks a {
text-align: center;
padding-left: 0px;
margin-bottom: -10px;
display: inline-block;
}
Замените на такой:
/* Г3.2 Отступы */
#pun-navlinks {
margin-top: -30px;
margin-left: 0px !important;
text-align: center;
}#pun-navlinks li {
display: inline;
}
2. Во Втором окне выкиньте красное:
/* CS0 Меню - навигация
-------------------------------------------------------------*/div#pun-navlinks {
position: absolute;
width: 100%;
margin-left: 250px;
margin-top: -20px;
}div#pun-ulinks {
position: absolute;
width: 100%;
margin-left: 210px;
top:390px;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #000;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;}
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #000;
color: #fff;
}
3. Во Втором Окне стилей замените красное - на синее
/* CS3.3 */
#pun-navlinks a {
color: #000;
border-bottom: 0px none #000;
text-decoration: none;color: #4DB96A;
text-decoration: none;
font-size: 1.1em;
padding: 8px;
font-weight: 700;
}
Alex_63
ооо, средечно благодарю! Навигация действительно вернулась на свое законное место!
А вот статистика так по-прежнему и вылезает за край тела форума...
.confessor
В HTML низ скрипт Картинок в Категорию замените на такой
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Information board", "http://funkyimg.com/i/242zs.png",
"Enter the InGen", "http://funkyimg.com/i/242zr.png",
"If something chases you - run", "http://funkyimg.com/i/242zq.png",
"To set-up the camp", "http://funkyimg.com/i/242zp.png",
"Post office", "http://funkyimg.com/i/242zn.png",
"Top secret", "http://funkyimg.com/i/242zo.png",
"Статистика форума", "http://funkyimg.com/i/242zm.png" //Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"100px",
"width":"900px",
"font-size": "0px",
"margin-left":"-45px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"center",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>
Alex_63
о, спасибо! Выручили!
хохо... снова к Вам я!
С порцией вопросов, на которые ответ-то я, в общем-то, нашла, да вот только у меня этот ответ не работает почему-то...
http://testjurassic.rusff.ru/
Как уменьшить это расстояние?
Пытаюсь использовать вот эту вещь, но не выходит, а если и двигается что-то, то вместе с категорией, а само по себе расстояние не уменьшается. На отрицательные значения реакции ноль.
.confessor
Млин, ну поправьте фоновые картинки, отступы-то при чем ? http://funkyimg.com/i/242wo.jpg -середина
http://funkyimg.com/i/242wn.jpg -низ
Alex_63
Верно ли я понимаю, что проще сидеть и править макет, нежели изменить величину отступов?
Просто как-то нелогично тогда... тем более, что величина отступа с правой стороны вполне меня устраивает.
Полагаю, из-за этого же отступа, на странице сообщений происходит вот такой сдвиг:
Отредактировано .confessor (Вт, 3 Ноя 2015 19:37:27)
.confessor
Найдите в первом окне стилей:
исправьте выделенные красным цифры
/* A5.2 */
.punbb {
margin-left: 68px;
margin-right:113px;
position: top center;
float: none;
width:900px;
height: auto;
}
/* D1.4 */
#pun-title table {
border: none;
height:0px;
margin-left: -350px;
width: 1600px;
height: 390px;
background-image: url(http://funkyimg.com/i/242wp.jpg);
}
и в скрипте Алекса уберите "margin-left":"-45px",:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Information board", "http://funkyimg.com/i/242zs.png",
"Enter the InGen", "http://funkyimg.com/i/242zr.png",
"If something chases you - run", "http://funkyimg.com/i/242zq.png",
"To set-up the camp", "http://funkyimg.com/i/242zp.png",
"Post office", "http://funkyimg.com/i/242zn.png",
"Top secret", "http://funkyimg.com/i/242zo.png",
"Статистика форума", "http://funkyimg.com/i/242zm.png" //Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"100px",
"width":"900px",
"font-size": "0px",
"margin-left":"-45px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"center",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>
Отредактировано Armavel (Вт, 3 Ноя 2015 22:16:14)
Ребят помогите, вот скрипт передлайте
<style>
body > div {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background: url(http://demo.shortithemes.com/mistletoe/images/gar_01.png) repeat-x;
}
</style>я хочу чтобы гирлянда была вверху самом и крутилась вместе со странице и была поверх ВСЕГО ВСЕГО ВСЕГо.
Буду благоларенЁЁ
вот сайт, testmegatrollka.mybb.ru
друзья,
подскажите, что нужно сделать, чтобы:
фоновая картинка на ссылку наград в профиле отобажалась и у оффлайн участников.
нагляднее
http://backtonordsee.rusff.ru/viewtopic … p;p=2#p606
когда пользователь оффлайн, у него стоит текстовая ссылка: награды: 0
когда онлайн, картинка с надписью "дары моря".
нужно, чтобы картинка стояла всегда.
Отредактировано riviere (Ср, 4 Ноя 2015 03:03:15)
здравствуйте!
беспокоит отступ справа, а точнее его отсутствие.
тоже самое просматривается и в самих сообщениях. форум уполз вправо + я заметила, что слева некоторые буквы обрываются в сообщениях.
в идеале вообще хотела бы уменьшить отступ между аватаром и формой ответа.
знаю, что надо работать с отступами, править их в стиле, но я упорно не могу найти строчки, отвечающие за отступы. 
заранее спасибо
форум: Ссылка
Отредактировано Суслик обыкновенный (Ср, 4 Ноя 2015 13:00:47)
здравствуйте!
беспокоит отступ справа, а точнее его отсутствие.
этот вопрос решила сама
помогите с вот этим:
тоже самое просматривается и в самих сообщениях. форум уполз вправо + я заметила, что слева некоторые буквы обрываются в сообщениях
в идеале вообще хотела бы уменьшить отступ между аватаром и формой ответа.
88funt88
В HTML верх
<img src="http://Ссылка на картинку гирлянды" class="tstGn1" />
<style type="text/css">
.tstGn1{
position:fixed;
top:0;
left:0;
width:100%;
z-index:10000;
}
</style>
Имейте в виду, картинка будет перекрывать все элементы, - при большой высоте картинки не будет кликаться полстраницы
Суслик обыкновенный
В Первом Окне стилей исправьте все пять выделенных значений на 17.5em
/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: 0em;
overflow: hidden;
font-weight: normal;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
text-align: center;
}/* C3.8 */
.pa-author a {
text-decoration: none
}/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: none;
}li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (57)
