Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)
Предыдущая тема: Общие вопросы по оформлению (52)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
у меня не получается расположить ссылки в строчку как тут http://strunk.rusff.ru/http://bykatistou.rusff.ru/
<!-- партнёры -->
<style type="text/css">
.baners:hover {
opacity:0.6!important;
}
</style>
<div class="baners" style="position:relative;z-index:100;margin-top:-75px;opacity:0.4; width:780px;border:red 1px solid; margin-left:8px;">
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" width="780" height="40" scrollamount="2" Bgcolor=f7f2a2>Горизонтальная, останавливается при наведении курсора мыши
</marquee>
</div>
<!-- конец партнёры -->
Вместо синего, Ваши ссылки
Отредактировано Deff (Вт, 7 Окт 2014 19:20:14)
Deff
Ох благодарю!
Осталось разобраться с сылками моей навигации с:
Deff
Ох благодарю!Осталось разобраться с сылками моей навигации с:
Создаёте такой жа блок обрамления для них всех, как и ранее, далее впихиваете в него код из
поста 920 Общие вопросы по оформлению (53)
синее - заменяете на свои ссылки. Фон, отступы, бордеры правите в мини-стиле кнопок
Справки по атрибутам стиля css => http://htmlbook.ru/css
Отредактировано Deff (Вт, 7 Окт 2014 20:00:16)
Уведомления был код на Вашем оffForume - cпрашивайте там
Спасибо, код там нашла) правда отчего-то появилась полоса под картинкой, которой там быть не должно оО
А почему не изменяется слово "ответы"? Или с этим тоже на ту поддержку сходить?
И все-таки остается вопрос как отрегулировать ширину навигации и ссылок, чтобы ничто не уезжало...
Поправьте-добавьте в первом окне стиля:
Добавила, только после этого строка "Райзинг приветствует тебя, Evelyn Montgomery." стала наезжать на строчку "Был с нами: Сегодня 18:43:43."
Спасибо, код там нашла) правда отчего-то появилась полоса под картинкой, которой там быть не должно оО
А почему не изменяется слово "ответы"? Или с этим тоже на ту поддержку сходить?
И все-таки остается вопрос как отрегулировать ширину навигации и ссылок, чтобы ничто не уезжало...Добавила, только после этого строка "Райзинг приветствует тебя, Evelyn Montgomery." стала наезжать на строчку "Был с нами: Сегодня 18:43:43."
Задавайте вопросы по одному.
1. Скриншот, стрелками что - не так с пояснениями и ссылку на форум с проблемой или на конкретное сообщение - клик по дате в сообщении
Отредактировано Deff (Вт, 7 Окт 2014 19:58:51)
Deff
( на планшете ссылка ни к какому конкретному посту не ведет :с )
А вообще я вроде так и сделала
<style>
.nav {margin: 0 -5px 0 0px;}
.punbb .nav кa{display: block; color:#796c4f; background-color: #211f19; text-align: center; width:100px; padding: 2px; margin: 1px; text-decoration: none}
.punbb .nav a:hover{background-color: #c7a566; color:#3b291a}
</style>
<!-- правая ячейка -->
<div style="height:102px; width:208px;border:red 1px solid; top:59px;margin-left:600px;position:absolute;z-index:100;overflow-y:auto">
<div class="nav">
<a href="ссыль">название</a> <a href="ссыль">название</a> <br>
<a href="ссыль">название</a>
</div>
</div>
<!-- конец правая ячейка -->
( на планшете ссылка ни к какому конкретному посту не ведет :с )
ПОст 920
Deff
Только увидела отредактированное вами сообщение, сейчас попробуем
Там просто не мой ник пожтому сразу не поняла
Задавайте вопросы по одному.1. Скриншот, стрелками что - не так с пояснениями и ссылку на форум с проблемой или на конкретное сообщение - клик по дате в сообщении
Ссылка на форум: http://rising.rusff.ru/
Поскольку первые три проблемы имеют отношение к навигации и отображены на одном скрине, перечислю их сразу. По мере необходимости и решению буду дублировать либо исключать из перечня. Не серчайте.
1) Заменяла пользовательские ссылки данным кодом:
<script><!--Своя картинка или Слово в Пользовательские Ссылки -->
var Img_Word=0; //0-Картинка;1-Cлово /Ставим картинку или Слово ?
ulinks=new Array(
".item1","http://sd.uploads.ru/V4Q3w.png", // Новые сообщения
".item2","http://sd.uploads.ru/CjO1q.png", // Активные темы
".item3","http://sd.uploads.ru/Lny91.png", // Темы без ответов
".item4","http://sd.uploads.ru/ljk2z.png", // Мои сообщения
".item5","http://sd.uploads.ru/DGs8d.png", // Подписка
".item6","http://sd.uploads.ru/k83eH.png" // Все прочитано - !ПОСЛЕДНИЙ элемент без запятой
)
var s,i;for (i=0; i < ulinks.length; i++){s=ulinks[i+1];
if(!Img_Word){s='<img class="ulinks" src="'+s+'" border="0" />'}
$("#pun-ulinks "+ulinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>
Не изменяется слово "ответы" на картинку.
2) Заменила "уведомления" в стиле кодом со своей тех.поддержки:
#pun-ulinks li:nth-child(6) > a {
background: url("http://sd.uploads.ru/WhlCN.png") no-repeat scroll 0 0 transparent;
display: inline-block !important;
font-size: 0;
height: 19px;
top: -3px;
width: 50px;
}
Однако, там появилась назойливая полоска снизу картинки, которой на изображении нет. Возможно, интересоваться стоит на той же поддержке, однако, по опыту, ответа там ждать можно очень даже долго. А мне бы хотя бы понять в чем проблема.
3) И наконец, отведенная ширина под навигацию явно меньше необходимой и поэтому слово "выход" уехало на другую строку. Как настроить правильно?
Отредактировано Heroin (Ср, 8 Окт 2014 14:12:29)
Deff
Поняла, попробую разобраться спасибо с:
Между этим могу я узнать где можно найти код вот такой навигации? http://lifehack.rusff.ru
И ту фишку что снизу навигации (картинка смазанная с текстом, наводишь на нее и текст исчезает)
Благодарю!
Между этим могу я узнать где можно найти код вот такой навигации? http://lifehack.rusff.ru
И ту фишку что снизу навигации (картинка смазанная с текстом, наводишь на нее и текст исчезает)
Благодарю!
Там две картинки стоят - одна прозрачка с текстом, другая под ней - картинка
http://forumd.ru/viewtopic.php?id=3223
Доброго.
Внезапно возникла проблема с названиями категорий.
Как задать вертикальное выравнивание текста посередине? Я уже и паддингами пробовал и через vertical-align: middle - все равно текст приклеился внизу блока и вообще сполз вниз.
Сейчас прописано так в хтмл верх:
#pun-main h2 {
text-align: left;
font-family: 'Bad Script', cursive;
text-shadow: 0px 1px 1px #f8f4f2;
font-size: 18px!important;
outline:1px solid red;
}в цсс стоит это еще:
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.6em 1em 0.6em 1em;
border-style: none none none none;
border-width: 0 0px 0px 0;
color: #654c3a;
}скриншотец
Pegasus
Ссылку на форум с проблемой и стрелко на скриншоте, что и куда двигать...
Deff
http://pinkunicorn.animebb.ru/
название категории должно стать в блок с красной рамкой.
Сайт, можно ли как-то сделать, чтобы текст в категориях шел ровным столбцом, не обтекая иконку?
Vienna_AreL
.tclcon {padding-left:95px}
Pegasus
#pun-main h2 {
font-family: "Bad Script",cursive;
font-size: 18px !important;
height: 30px;
outline: 1px solid red;
text-align: center;
text-shadow: 0 1px 1px #f8f4f2;
}
Герда
слишком широко выходит, мне именно узенький блок нужен. а когда уменьшаю высоту, текст плывет вниз.
Отредактировано Pegasus (Ср, 8 Окт 2014 00:20:32)
Pegasus
<style>
#pun-main h2 {
position: relative;
font-family: "Bad Script",cursive;
font-size: 18px !important;
padding:0!important;
height:30px;
outline: 1px solid red;
text-shadow: 0 1px 1px #f8f4f2;
}
#pun-main h2 span {display:block;
position: absolute;
margin:18px;
line-height:1px;
top:0;bottom:0;left:0;right:0;
padding:0!important;
}
</style>
Deff
отлично, то что надо. спасибо! =)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)