Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)
Предыдущая тема: Общие вопросы по оформлению (57)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Северный Ветер
Ок, Шрифт в норме ?
Deff
У половины отображается как надо:
У половины не отображается, и все едет:
Добавлено спустя 47 секунд:
В навигации отображается как есть, и ротация розыска встала на место.
Отредактировано Северный Ветер (Ср, 9 Мар 2016 23:39:04)
У половины отображается как надо:
Объявление я не правил
Я Про установку шрифта ( вроде в названиях категорий тот шрифт, что нужно, со всех у меня имеющихся браузеров, занчит шрифт установлен
=============
Правил только ротатор...
Нужно просить у кого ротатор едет - почистить кеш
==============
Если не помогает, указать версию браузера и скриншот
Но я пробовал со всех и Мозиллы и Яндекса и Гугла, Оперы и еще пары
http://testblin01.0pk.ru/viewtopic.php?id=25#p64
Сделала фоны, для обрамления поста, но внизу сообщения они отображаются не полностью оО
Не могу понять причины оО
Эвелина Шайн
Профиль ЛС E-mail | Удалить Редактировать Цитировать
Cтоят в отдельном элементе => .post-links
Deff
Это не то оО
Или я просто не так вставляю? оО
/* C3.12 */
.punbb .post-box {
padding: 20px;
background: url(http://storage3.static.itmages.ru/i/16/0310/h_1457603669_5808146_a94a135b88.jpg) top left no-repeat,
url(http://storage7.static.itmages.ru/i/16/0310/h_1457604568_9034726_0e1b54e985.jpg) top right no-repeat,
url(http://storage9.static.itmages.ru/i/16/0310/h_1457604615_7618806_daaefceb9d.jpg) bottom left no-repeat,
url(http://storage4.static.itmages.ru/i/16/0310/h_1457604649_1704809_fc80eb38ea.jpg) bottom right no-repeat,
url(http://storage7.static.itmages.ru/i/16/0310/h_1457604709_6132444_1ae1de6934.jpg) top center repeat-x,
url(http://storage5.static.itmages.ru/i/16/0310/h_1457604813_8508540_5923d43096.jpg) bottom center repeat-x,
url(http://storage7.static.itmages.ru/i/16/0310/h_1457604871_7477523_abea208356.jpg) left repeat-y,
url(http://storage6.static.itmages.ru/i/16/0310/h_1457604968_2566573_084da172b9.jpg) right center repeat-y,
url(http://storage9.static.itmages.ru/i/16/0310/h_1457605023_3545079_a3963bc04d.jpg) center repeat;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
background: url(http://storage7.static.itmages.ru/i/16/0310/h_1457604871_7477523_abea208356.jpg) left repeat-y,
url(http://storage6.static.itmages.ru/i/16/0310/h_1457604968_2566573_084da172b9.jpg) right center repeat-y,
url(http://storage9.static.itmages.ru/i/16/0310/h_1457605023_3545079_a3963bc04d.jpg) center repeat;
}Эвелина Шайн
Тем паче, .post-box внутри .post-body
==========================
Вставляйте все фоновые картинки на .post .container с прозрачкой слево в ширину минипрофиля,
дабы был отступ от соседнего сообщения добавьте широкий(можно прозрачный) бордер к .post .container сверху и снизу
Поправил (Ибо .post будет загорожен фоном выше на .post .container )
Deff
Загрузка данных...
Кажется... что-то такое доходит. Сейчас попробую. Спасибо)
Deff
Спасибо) проблема решилась, но другим путём)
Только у меня вот ещё вопрос: как уменьшить вот это расстояние? оО
Эвелина Шайн, добавка синим - цифры регулируем
<div class=banners align=center style="margin-top:-56px;margin-bottom:-56px"><span onclick="BANNERS_TOGGLE($(this).parent('.banners'))"><center><img src="http://forumstatic.ru/files/0012/8b/74/85885.png"></center></span></b></a>
<div class=ba_0 style="display: none">
<style class=BanersHide>/*
<center>Ваши баннеры
Ваши баннеры
Ваши баннеры
</center>
*/</style>
</div></div>
<script>
function BANNERS_TOGGLE(Sel){Z=Sel.find(".ba_0")
if(Z.css("display")=="none"){var V=Sel.find(".ba_0 .BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");Z.html(V1);}Z.fadeIn("slow");
}else Z.hide();}</script>
Deff
Спасибки)
Наверное я уже надоела со своими пустяковыми вопросами. Но все же я продолжаю их задавать:
1. Как сдвинуть фото аватара?
2. Видела на многих форумах, что вот это (понятия не имею как это называется) меняют на картинку. Как?
Тира
1. В HTML низ Добавьте синим
<!--Ставим рамки для Аватара -->
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
display:block;
padding:0;
border-width:0;
margin:6px; /*Отступ рамки*/
max-width: 170px;
height: auto;
}
2. Ссылку на форум с примером
max-width: 170px;
height: auto;
}
http://otgoloski.net/
http://lolo.mybb.ru/
(Я точно не уверена, что заменяли на картинку. Вполне возможно, что просто как-то добавили.)
Доброго времени суток. Не подскажете, как прописать в таблице, чтобы стационарно была одна картинка, а при наведении менялась на другую?
http://msjuliet.rolka.su
На всякий случай вот код таблицы:
<style type="text/css">
#tbl-2 {
color:#610E0E;
margin-top:-50px;
position:relative;
background: transparent url(http://funkyimg.com/i/28Ak3.png) no-repeat 6px 0;
width:860px;
height:402px;
}
#tbl-2 .cnt-a {
margin:0;
padding:8px;
text-align:center;
position:absolute;
width:222px;
overflow-y:auto;
overflow-x:visible;
}
#Nav.cnt-a {
z-index:100;
overflow:visible;
padding:0;
height:67px;
width:195px;
top:190px;
left:51px;
}
#Nav li {
display:inline-block;
background: transparent url(http://funkyimg.com/i/28A4t.png) no-repeat 1px 0;
cursor:pointer;
font: normal normal 400 11px/normal Georgia;
color:#D6675F;
text-shadow: 1px 1px 0 rgba(242,137,126,.34);
height:15px;
margin-bottom:1px;
width:100%;
}
#Nav li:hover,#Nav li.active{
background-position: 2px -15px;
text-shadow: -1px -1px 0 rgba(255,255,255,.3),0 0 1.4em rgba(250,180,118,1),1px 1px 0 rgba(245,144,93,1);
color:#E34B43;
}
#Up01 {
height:96px;
top: 61px;
left:30px;
}
#Up02 {
height:298px;
top: 61px;
left:318px;
}
#Up03 {
height:201px;
top: 61px;
left:609px;
}
#Btm01 {
overflow:visible!important;
height:67px;
top: 294px;
left:30px;
}
#Btm03 {
overflow:visible!important;
height:67px;
top: 294px;
left:609px;
}
#Up02 .cnt {
margin:0 auto;padding:0;
padding-right:3px;
min-height:99%;
width:210px;
text-align:justify;
opacity:0;
display:none;
}
#Up02 .cnt.active {
opacity:1;
display:block;
}
#Up02 .cnt h5{
text-align:center;
padding:2px;
color:rgba(75,49,49,1);
text-shadow: 1px 1px 0 rgba(0,0,.4);
font: normal normal 400 12px/normal 'Lucida Console';
box-shadow:inset 0 0 .6em rgba(180,95,23,.7);
border-radius:12px;
}
#Btm01.cnt-a .image,#Btm03.cnt-a .image{
cursor:pointer;
display:inline-block;
position:relative;
margin-top:3px;
margin-left:2px;
margin-right:0px;
text-align:center;
}
.image pre {
background-color: rgba(222,184,144,.8);
padding:4px;
width:155px;
border-radius:7px;
border:3px solid #BD936A;
margin-left:-54px;
position:absolute;
top:102%;
box-shadow: 0 0 13px rgba(0,0,0,.3);
display:none;
}
.image:hover pre {
position:absolute; z-index:1000;
display:block;
}
.image>img {
border-radius:7px;
border:2px solid #C59E78;
}
</style>
<div id="tbl-2">
<!-- Навигация -->
<div class="cnt-a" id="Nav">
<li class="active">НАВИГАЦИЯ</li>
<li>ИГРОВЫЕ ДАННЫЕ</li>
<li>АКТИВНЫЕ ЭПИЗОДЫ</li>
<li>БАННЕРОБМЕН</li>
</div>
<!-- Верхние секции -->
<div class="cnt-a" id="Up01">
Приветствуем Вас на форумной ролевой игре по мотивам <b>МАНГИ</b> Наоко Такэути "Bishojo Senshi Sailor Moon". Рейтинг игры - <b>R</b>.
</div>
<div class="cnt-a" id="Up02">
<div class="cnt active">
<h5><b>Карта форума</b></h5>
<center>ссылки</center>
</div>
<div class="cnt">
<h5>2-я Вкладка</h5>
11.о2. Закончился пересмотр рангов.
Были просмотрены все темы,
которые обновлялись в течении последних двух месяцев.
Те, кто повысился в ранге: поздравляю!)
Те, кто понизился - ребята, не расстраиваемся,
ранг - это всего-лишь цифра в профиле,
главное получать удовольствие от того, что вы делаете.
</div>
<div class="cnt">
<h5>3-я Вкладка</h5>
ereeeeeeeeeeeeeeee
errrrrrrrrrrrrrrrr
errrrrrrrrrrrrrrrrrr
</div>
<div class="cnt">
<h5>4-я Вкладка</h5>
</div>
</div>
<div class="cnt-a" id="Up03">
11.о2. Закончился пересмотр рангов.
Были просмотрены все темы,
которые обновлялись в течении последних двух месяцев.
Те, кто повысился в ранге: поздравляю!)
Те, кто понизился - ребята, не расстраиваемся,
ранг - это всего-лишь цифра в профиле,
главное получать удовольствие от того, что вы делаете.
</div>
<!-- Нижние секции -->
<div class="cnt-a" id="Btm01">
<!-- АДМИНЫ -->
<div class=image>
<img src=http://funkyimg.com/i/28rXN.png>
<pre>
АДМИН Вася
Бла-Бла-Бла
</pre>
</div>
<div class=image>
<img src=http://funkyimg.com/i/28rXM.png>
<pre>
АДМИН Вася
Бла-Бла-Бла
</pre>
</div>
<!--//Конец АДМИНЫ//-->
</div>
<div class="cnt-a" id="Btm03">
<!-- РОЗЫСК -->
<div class=image>
<img src=http://funkyimg.com/i/28J1G.png>
<pre>
РОЗЫСК Вася
Бла-Бла-Бла
</pre>
</div>
<div class=image>
<img src=http://funkyimg.com/i/28J1G.png>
<pre>
РОЗЫСК Вася
Бла-Бла-Бла
</pre>
</div>
<div class=image>
<img src=http://funkyimg.com/i/28J1G.png>
<pre>
РОЗЫСК Вася
Бла-Бла-Бла
</pre>
</div>
<!--//Конец РОЗЫСК//-->
</div>
</div>
<script type="text/javascript">
(function(){
var switches = $('#Nav>li');
var cnt = $('#Up02>.cnt');
switches.click(function(){
var num = switches.index(this);
cnt.removeClass('active');
switches.removeClass('active');
switches.eq(num).addClass('active');
cnt.eq(num).hide().addClass('active').fadeIn(600);
});
})();
</script>Вот картинки:
http://funkyimg.com/i/28ZoQ.png - стационарная
http://funkyimg.com/i/28ZoP.png - меняется на эту.
Хочу поставить после текста во вкладке ВВОДНАЯ.
Заранее спасибо)
Тира
Там картинка стоит фоном, Вы нарисуйте в ФШ для Вашего форума, как нун сделать, и дайте исходную картинку, которую нун туда вставить
Доброго времени суток господа. Есть два небольших вопроса, хотел бы попросить помощи форумчан)
1- Форум - rptrainz.ru При вставке ссылки в пост возникает проблема:
http://rptrainz.ru/viewtopic.php?id=27&p=15#p1740
Вместо ссылки вот такая белеберда:
Причем это получается только тогда, когда я копирую адрес ссылки из адресной строки, если скопировать ссылку наведя курсор на ссылку на странице, то все будет норм. В чем проблема? Сможете помочь?
2- Менее содержательный и по моему мнению не очень то сложный) Скажите как закруглить все углы на форуме? Ну, там в заголовках категорий и тем, в цитатах и прочих еонтейнерах...
Заранее благодарю всех кто отзовется, и спасибо что уделили внимание моему посту.
Ms. Juliet
Типовые Вопросы п.п.16
Здравствуйте. Подскажите, пожалуйста, как название форума сделать по середине над текстом, и как сделать так, чтобы при новых сообщениях выделялось само название, без иконок. http://nymeria.rolka.su
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)
