Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)
Предыдущая тема: Общие вопросы по оформлению (52)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Data
В свой стиль:
td.tcr a {
background: url(http://designforum.bestff.ru/img/Mybb_Strange_Vision/post.gif) no-repeat left center;
padding-left: 15px;
}
Есть каталог скриптов: Каталог скриптов/CSS
Это верно. Каталог есть, но я не нашла там того, что нужно. Может я не то искала, не знаю. Но мне очень нужно вот это:
1. Как заметить стрелочки на более красивенькие?Я поставила скрипт на переливающиеся ссылки, и хотелось бы чтобы и стрелочки выглядели так же (картинки перед ссылкой на последнее сообщение)
Саму картинку я нашла, только как её вставить на форум?
2.Можно ли сделать, чтобы подчеркивание ников было таким же цветом, как и сам ник? И что должно быть вместо картинки с левой стороны? 
3. Можно ли сделать, чтобы размер логотипа подстраивался под разрешения мониторов?
Что именно вы хотите и адрес форума.
В довершении к вопросу - где в цветах css можно отредактировать цвет поля ответа? Какой именно из пунктов?
Поставила сайтбар, пропали разделители между форумами. В чем может быть проблема?
Когда отключаю объявление, все становится на свои места...
http://venenatis.rolbb.ru/
1. Как заметить стрелочки на более красивенькие?Я поставила скрипт на переливающиеся ссылки, и хотелось бы чтобы и стрелочки выглядели так же (картинки перед ссылкой на последнее сообщение)
В НТМЛ верх:
<style type="text/css">
td.tcr a {
background: transparent url(ссылка на вашу картинку) no-repeat 0% 2px;
padding-left: 24px;
}
</style>Где: background: transparent url(ссылка на вашу картинку) no-repeat 0% 2px; - ставим свою ссылку на картинку. Или, если у вас свой стиль то ищем во втором окошке style_cs.css ищем: /* CS4 Post status icons и вот этот код:
td.tcr a{
background: transparent url(../../img/Mybb_Achtung/post.gif) no-repeat 0% 2px;
padding-left: 24px;
}
Красным выделил куда ставим свою ссылку. У предустановленной картинки размеры 19х13, если размеры вашей картинки отличаются то возможно придется корректировать ее расположение.
Можно ли сделать, чтобы подчеркивание ников было таким же цветом, как и сам ник?
Думаю, что возможно, но надо будет корректировать ваш скрипт.
И что должно быть вместо картинки с левой стороны?
Вопрос не понял.
3. Можно ли сделать, чтобы размер логотипа подстраивался под разрешения мониторов?
Можно с помощью такой конструкции:
@media screen and (min-width:1152px) and (max-width:1280px) {
#pun-title table {
background: url(ссылка на вашу картинку);
height: 400px;
width: 982px;
}
}
Красным выделил - от какого разрешения, фиолетовым до какого будет действовать данные условия, то бишь диапазон разрешений. Голубым картинка для данного разрешения. height: 400px; width: 982px; - высота и ширина вашего блока под данный диапазон разрешения. И так ставим под каждый диапазон разрешений.
Поставила сайтбар, пропали разделители между форумами. В чем может быть проблема?
Когда отключаю объявление, все становится на свои места...
http://venenatis.rolbb.ru/
Где то при установке сайдбара вы похоже пропустили тег, соответственно у вас весь форум попадает под Объявление, а в Объявлении стоит условие:
<style>/*Убрать надпись Объявление*/
#pun-announcement h2{display:none;}
</style>
Под него попадает и разделитель. Проверьте внимательно код сайдбара, чтобы все теги были закрытыми..
kolobdur74
Спасибо огромное. 
И что должно быть вместо картинки с левой стороны?
Меня интересует значок в виде ромбика, тот что подчеркнут с левой стороны. Просто на LuxSims я его не наблюдаю. Поэтому и спрашиваю, что должно быть вместо него? И если ничего, то как его убрать?
И на счет подчеркивания ников. Так же на LuxSims они подчеркнуты в тон цвета ников. И как все это сделать? Помогайте))
Форум LuxSims
И на счет подчеркивания ников. Так же на LuxSims они подчеркнуты в тон цвета ников. И как все это сделать?
Замените свой код на вот этот:
<!-- Цветовыделение Ников -->
<style type="text/css">
.line {text-decoration: underline;}
.line:hover {text-decoration: none;}
</style>
<script type="text/javascript">
inColor("OrangeRed", new Array("Edra"))
inColor("royalblue", new Array("Angel_gift", "Summer"))
inColor("mediumorchid", new Array("nati", "Olga", "Cyrusa", "@delina", "paranoia0612", "Dzihiko"))
inColor("mediumseagreen", new Array(""))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span class="line" style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>Меня интересует значок в виде ромбика, тот что подчеркнут с левой стороны. Просто на LuxSims я его не наблюдаю. Поэтому и спрашиваю, что должно быть вместо него?
Понятия не имею бо картинка на радикале нерабочая:
#pun-stats ul.container {
background: transparent url(http://s42.radikal.ru/i095/0901/0c/78d0eea4abd2.png) no-repeat 15px 20px;
background-repeat: no-repeat;
padding-left: 50px;
}
Не надо на радикал заливать элементы дизайна..Элементы дизайна заливаем: Администрирование - Файлы.
Если надо убрать, то правим в своем стиле:
#pun-stats ul.container {
background: transparent url(../../img/Mybb_Achtung/stats.gif) no-repeat 13px 37px;
padding-left: 54px;
}
заменяем на background: none; или в НТМЛ верх:
<style type="text/css">
#pun-stats ul.container {
background: none;
}
</style>kolobdur74
Спасибо, посмотрю)
Спасибо, посмотрю)
Если не найдете ошибку - скиньте под спойлер весь код сайдбара - посмотрю..
Что бы я не делал, не хочет восстанавливаться картинка "все прочитано". Изображение залито в файлы, ссылка рабочая, скрипт тоже. В чем беда?
http://seventhseal.rusff.ru/
здравствуйте
помогите, пожалуйста:
как сдвинуть шапку в левую сторону?
http://krendeldesign.mybb.ru/
Разобралась, отбой) Извините за беспокойство)
Отредактировано .крендель (Вс, 1 Июн 2014 17:19:30)
Что бы я не делал, не хочет восстанавливаться картинка "все прочитано". Изображение залито в файлы, ссылка рабочая, скрипт тоже. В чем беда?
http://seventhseal.rusff.ru/
Обратите внимание как у вас в скрипте написано:
"http://forumstatic.ru/files/0014/1c/9e/90121.png","http://forumstatic.ru/files/0014/1c/9e/64141.png",
"Все прочитано", // Все прочитано
А как на самом деле на форуме: Всё прочитано - для скрипта это два разных слова, поэтому он и не видит данную ссылку..Замените в скрипте букву е на ё
здравствуйте
помогите, пожалуйста:
как сдвинуть шапку в левую сторону?
http://krendeldesign.mybb.ru/
Во втором окошке стиля ищите:
/* фон */
body {background-color: transparent;
background-image : url("http://savepic.net/5622325.png");
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}#pun-title.section {background-color: transparent;
background-image: url("http://savepic.net/5597751.png");
background-attachment: scroll;
background-position: top center;
background-repeat:no-repeat;
height:667px;
width: 1000px;
margin-top:px;
margin-left: 20 px;}
Во первых пробела: 20 px не должно быть, должно быть так: 20px, во вторых ставите здесь нужный вам отступ..
Здравствуйте, попробую объяснить в чем проблема.
Я поменяла фон топика, все отлично, но в самом низу, после последнего поста в теме есть блоки с модерированием, "тему просматривают", "Страница 1..." и т.д. и вот там фон я поменять не могу мне нужно полностью сменить вот это:
http://sb.uploads.ru/teR3i.jpg
примерно на это
http://sc.uploads.ru/R4qDz.jpg
чтобы было понятнее - тестовик http://danessa.rusff.ru/
Замените свой код на вот этот:
Код:
<!-- Цветовыделение Ников -->
<style type="text/css">
.line {text-decoration: underline;}
.line:hover {text-decoration: none;}
</style>
<script type="text/javascript">
inColor("OrangeRed", new Array("Edra"))
inColor("royalblue", new Array("Angel_gift", "Summer"))
inColor("mediumorchid", new Array("nati", "Olga", "Cyrusa", "@delina", "paranoia0612", "Dzihiko"))
inColor("mediumseagreen", new Array(""))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span class="line" style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>
kolobdur74
Заменила. Только теперь вообще ничего не работает.
Вообще исчезли цветовыделения ников
Может я где-то накосячила?
Отредактировано Edra (Вт, 3 Июн 2014 21:53:54)
Заменила. Только теперь вообще ничего не работает. ФОРУМ
Вообще исчезли цветовыделения ников
Может я где-то накосячила?
Прошу прощения, это мой бок, поправил:
<!-- Цветовыделение Ников -->
<style type="text/css">
.line {text-decoration: underline;}
.line:hover {text-decoration: none;}
</style>
<script type="text/javascript">
inColor("OrangeRed", new Array("Edra"))
inColor("royalblue", new Array("Angel_gift", "Summer"))
inColor("mediumorchid", new Array("nati", "Olga", "Cyrusa", "@delina", "paranoia0612", "Dzihiko"))
inColor("mediumseagreen", new Array(""))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span class=\"line\" style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>kolobdur74
Спасибо, все отлично)) 
снова здравствуйте)
помогите пожалуйста сдвинуть категории в левую сторону
http://krendeldesign.mybb.ru/
код замены категорий на свои картинки стоит в HTML низ
пробовала прописывать margin-left - не помогло
снова здравствуйте)
помогите пожалуйста сдвинуть категории в левую сторону
http://krendeldesign.mybb.ru/
код замены категорий на свои картинки стоит в HTML низ
пробовала прописывать margin-left - не помогло
Что за изврат:
.punbb {
float: left;
margin-left: px;
width: 858px;
height: auto;
}
?
Общий фон у вас:
#pun {
background-image: url("http://savepic.net/5627471.png");
background-repeat: repeat;
background-position: center;
margin: 0px auto auto auto;
width: 900px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}
И в h2 вы выставили 900 пикселей:
<h2 style="height: 180px; width: 900px; background-image: url(http://savepic.net/5666138.png); background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat;">
А ничего, что он вложен в блок с шириной: 858px?
На счет вашего вопроса:
у вас сдвиг за счет паддингов:
#pun-main h2 {
padding: 0.3em 1em;
border-style: dotted dotted dotted dotted;
border-width: 0px 0px 0px 0px;
}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)