Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)
Предыдущая тема: Общие вопросы по оформлению (59)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
тихий_кардинал
Доброго времени (:
Проблема решена? У меня так при уменьшении масштаба - http://savepic.ru/10783418.jpg , с планшета - http://savepic.ru/10770106.jpg
о, прошу прощения. Не уточнила. Это заметно на страницах которые заняты "меньшим объемом". Например, по ссылке активных пользователей. На главной вроде все норм
тихий_кардинал
Правим коды, удаляем это:
#pun_wrap {
background-repeat: no-repeat;
background-position: center bottom;
border: 0 none #000000;
}
Правим здесь:
#pun {
margin: 0px auto auto auto;
width: 857px;
padding: 0px 0px 0px 0px;
border: none;
background: #FFF3D9;
}
html {
background: #72cede;
color: black;
}
#html-footer {
margin-bottom: -3px;
background: url("https://i.yapx.ru/BXnA.png") center;
}
#pun-title.section {
background: no-repeat top center;
height: 300px;
background: url(https://i.yapx.ru/BXJ3.png) no-repeat top center;
width: 880px;
margin-left: -12px;
height: 368px;
}
Правим коды
Большое спасибо за помощь))
правда все по съезжало, но с этим думаю повожусь, разберусь, размеры подгоню)
еще раз спасибо))
Все вроде подтянула, поправила, но все же кое-что всплыло. Страница перехода сейчас выглядит вот так. Подскажите, пожалуйста, как это правильно поправить, что бы опять все на свете не поехало? 
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
float: none;
background-image:url(https://i.yapx.ru/BZPj.png);
text-align: center;
background-position:top center;
background-repeat:no-repeat;
font-family: Tahoma;
padding-top: 40px!important;
width: 550px;
height: 300px;
Отредактировано тихий_кардинал (Пт, 5 Авг 2016 19:04:58)
тихий_кардинал
Попробую поправить, несколько минут
тихий_кардинал
Правим:
#pun-redirect, #pun-maint {
margin: 50px 0% 0;
float: none;
background: #72CEDE url(https://i.yapx.ru/BZPj.png);
text-align: center;
background-position: top center;
background-repeat: no-repeat;
font-family: Tahoma;
padding-top: 40px!important;
width: 858px;
height: 300px;
}
Добавляем после:
#pun-main {
width: 440px;
margin-left: 160px;
}
А ещё есть хороший скрипт для тестирования и оформления переадресации от Deffа -> Скрипты от пользователей 3
тихий_кардинал
Наладьте Пиар вход, иначе я не могу увидеть страницу редиректа (*Если правки от RpM Anastasia помогут - тады не нун
Правим:
Если я правильно поняла, то выглядеть это должно теперь так?
#pun-redirect, {
margin: 50px 20% 12px 20%;
float: none;
background: #72CEDE url(https://i.yapx.ru/BZPj.png);
text-align: center;
background-position:top center;
background-repeat:no-repeat;
font-family: Tahoma;
padding-top: 40px!important;
width: 858px;
height: 300px;
}
#pun-maint {
width: 440px;
margin-left: 160px;
}
но теперь страница имеет обычный вид
Отредактировано тихий_кардинал (Пт, 5 Авг 2016 18:30:40)
тихий_кардинал
Попробуйте заменить кусок : (Да, -сначала верните как было... код тот же, но в более понятной форме
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
float: none;
background-image:url(https://i.yapx.ru/BZPj.png);
text-align: center;
background-position:top center;
background-repeat:no-repeat;
font-family: Tahoma;
padding-top: 40px!important;
width: 550px;
height: 300px;}
}
На такой:
#pun-redirect, #pun-maint {
margin: 50px 0% 0;
float: none;
background: #72CEDE url(https://i.yapx.ru/BZPj.png);
text-align: center;
background-position: top center;
background-repeat: no-repeat;
font-family: Tahoma;
padding-top: 40px!important;
width: 858px;
height: 300px;
}
#pun-redirect #pun-main{
width:440px;
margin-left:160px;
}
Поправил
когда добавляю :
}
#pun-main {
width: 440px;
margin-left: 160px;
}
на главной все едет
Убрала. Теперь вроде все на месте, только текст растянулся
тихий_кардинал
Поправил - Переставьте (* пост 269
Поправил - Переставьте
теперь все на месте)
Alex_63
RpM Anastasia
Большое спасибо за помощь! =)
Стала писать сама стили. Но хочу проверить.. Какое-то они вышли огромные, хотя дают нужный результат. Может быть у меня старая инфа и теперь можно проще это делать?
-удаляла рамку вокруг категорий
-Меняла шрифт категорий
-Ставила иной фон в категории, убирала прежний
-Не смогла добиться того, чтобы шрифт в категориях был не таким вытянутым. Он явно отличается от такого же шрифта в других графах. А потому плохо читается ((.
<!--удаление рамки категорий-->
<style>
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 0px 0em 0px 0em;
border-style: solid solid none solid;
border-width: 0px 0px 0px 0px;
}
#pun-main h2, #pun-main h1 {
padding: 0px 0em 0px 0em;
border-style: solid solid none solid;
border-width: 0px 0px 0px 0px;
}
</style><!--замена шрифта категорий-->
<style type="text/css">
#pun-announcement, #pun-stats h2, .punbb .main h1, .punbb .main h2 {
font-family: 'Sait';
font-size: 1.8em;
font-weight: normal;
text-align: center;
}
</style><!--Замена фона категории форумов-->
<style>
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
color: #ffffff;
background:none;
background-image: url(http://forumstatic.ru/files/0017/94/c8/28430.png);
background-repeat: no-repeat;
background-position: center;}
</style>
border-style: solid solid none solid;
border-width: 0px 0px 0px 0px;
Вот это можно одной строкой:
border: 0 none;
================
Ccылку на форум, и скриншот со стрелкой - что нужно подправить
Deff
а вот не получается. Рамка возвращается почему-то.
<!--удаление рамки категорий-->
<style>
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 0px 0em 0px 0em;
borde: 0 none;
}
#pun-main h2, #pun-main h1 {
padding: 0px 0em 0px 0em;
borde: 0 none;
}
</style>
Deff
Шрифт что в круге - вытянутый вверх, а тот что в квадрате - нормальный.
а вот не получается. Рамка возвращается почему-то.
А так ? border: 0 none!important;
border: 0 none;
Там r недописано
Deff
Во! !important; спас положение
Deff
И r тоже помогает. Работает!
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)