Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)
Предыдущая тема: Общие вопросы по оформлению (61)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Deff
Есть проблема. Страницы таблицы сдвинулись на 1. Т.е. "Добро пожаловать" контент вообще исчез, а на его место встала "Навигация", на место навигации встали "Новости" и т.д.. Хоть в самом коде контент первой страницы прописан и на месте...
Вродь поправил:
<style type="text/css">
#MyTable {
height:200px;
width:900px;
margin-right:0px;
position:relative;
background:url(http://storage4.static.itmages.ru/i/17/0401/h_1491046910_8002230_d2b07e96c6.jpg) top right no-repeat;
}
#MyTableBtns {
float:left;
margin-top:0px;
padding-top:12px;
}
#MyTableBtns ._btn {
margin:2px 0;
cursor:pointer;
transition:.45s ease;
}
#MyTableBtns ._btn>img {
display:inline-block;
margin:-5px 0;
}
#MyTableBtns ._btn:hover {
opacity:.65;
}
#MyTableCnt {
height:150px;
width:700px;
margin-top:12px;
margin-right:-1px;
float:right;
}
#MyTableCnt ._cnt {
display:none;
position:absolute;
height:150px;
width:700px;
padding:10px;
overflow-x:hidden;
overflow-y:auto;
}
#MyTableLinks {
position:absolute;
top:-10;left:0px;
padding:0px 0px;
width:530px;
margin-left:-100px;
text-align:center;
}
#MyTableLinks ._gift {
float:right;
}
</style>
<center><div id="MyTable">
<!-- Кнопки -->
<div id="MyTableBtns">
<div class="_btn"><img src="http://storage1.static.itmages.ru/i/17/0401/h_1491037517_4360774_032147bf93.png" /></div>
<div class="_btn"><img src="http://storage1.static.itmages.ru/i/17/0401/h_1491037517_6801866_289f228a61.png" /></div>
<div class="_btn"><img src="http://storage2.static.itmages.ru/i/17/0401/h_1491037518_1665594_a81ad5e935.png" /></div>
<div class="_btn"><img src="http://storage1.static.itmages.ru/i/17/0401/h_1491037517_8339787_d5bf205461.png" /></div>
<div class="_btn"><img src="http://storage2.static.itmages.ru/i/17/0401/h_1491037518_5513283_1e86264ec7.png" /></div>
</div>
<!-- Контент -->
<div id="MyTableCnt">
<div class="_cnt">
<i>Новый Орлеан - это форум со смешанным мастерингом, постоянным активным сюжетом и ориентиром на старые добрые FRPG. Только ты решаешь, стать частью чего-то большего, масштабного, захватывающего или создать свой неповторимый сюжет.</i>
<center><img src="http://storage1.static.itmages.ru/i/17/0305/h_1488710188_1814779_5833a8042f.jpg"><br>
<b>место действия:</b> США, Луизиана, Новый Орлеан;<br>
<b>время:</b> март 2017 год;<br>
<img src="http://storage4.static.itmages.ru/i/17/0305/h_1488711052_9367193_6cee4f2525.png"> <b>средняя температура днем:</b> 21.1°C<br>
<img src="http://storage4.static.itmages.ru/i/17/0305/h_1488711052_5599329_8bc61248e8.png"> <b>средняя температура ночью:</b> 15.6°C<br>
<img src="http://storage7.static.itmages.ru/i/17/0305/h_1488711266_2086594_87a33a7108.png"> <b>температура воды в море:</b> 17.9°C<br>
<img src="http://storage1.static.itmages.ru/i/17/0305/h_1488710188_1814779_5833a8042f.jpg"><br></center><br>
</div>
<div class="_cnt">
Контент 2
</div>
<div class="_cnt">
<center><img src="http://storage2.static.itmages.ru/i/17/0305/h_1488709820_4769461_2f2fa21b65.png"></center><br>
<b>11.03.2017г.</b> - Стартовал квест "Odd Fellows Rest"! Еще есть возможность присоединиться к сюжетной линии! <a href= "http://neworl.rusff.ru/viewtopic.php?id=73#p598"><p><i>(ссылка на эпизод)</i></p></a><br>
<b>09.03.2017г.</b> - Открыта запись на первый квест "Odd Fellows Rest"! Спешите занять вакантные роли. <a href= "http://neworl.rusff.ru/viewtopic.php?id=70"><p><i>(ссылка на тему)</i></p></a><br>
<b>06.03.2017г.</b> - Мы открылись! Спешите занять вакантные должности, а так же не упустите возможность написать упрощенную анкету! Действует только до 20.03.2017 года;<br><br>
</div>
<div class="_cnt">
<!-- Постописцы-->
<center><a href="ссылка" title="ПОСТОПИСЦЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="ПОСТОПИСЦЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="ПОСТОПИСЦЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="ПОСТОПИСЦЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="ПОСТОПИСЦЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="ПОСТОПИСЦЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a></center><br>
<!-- Активисты-->
<center><a href="ссылка" title="АКТИВИСТЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="АКТИВИСТЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="АКТИВИСТЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="АКТИВИСТЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="АКТИВИСТЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a> <a href="ссылка" title="АКТИВИСТЫ НЕДЕЛИ" target="_blank"><img src="http://storage7.static.itmages.ru/i/17/0305/h_1488712471_4819392_c90de00688.jpg" alt="..."/></a></center><br>
<!-- Контент Лучший пост-->
<center><a href="ссылка" title="ЛУЧШИЙ ПОСТ НЕДЕЛИ" target="_blank"><img src="http://storage1.static.itmages.ru/i/17/0305/h_1488712379_8518475_635765681f.jpg" alt="..."/></a></center><br>
<!-- Контент Лучший эпизод-->
<center><a href="ссылка" title="ЛУЧШИЙ ЭПИЗОД НЕДЕЛИ" target="_blank"><img src="http://storage1.static.itmages.ru/i/17/0305/h_1488712379_8518475_635765681f.jpg" alt="..."/></a></center><br>
</div>
<div class="_cnt">
<a href="http://urchoice.rolka.su/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL" width="88" height="31"></a>
<a href="http://omerta.rusff.ru/" target="_blank"><img src="http://uploads.ru/i/u/c/X/ucXVZ.gif"></a>
<a href="http://trajectory.rusff.ru/" target="_blank"><img src="https://pp.userapi.com//c836332/v836332734/14aa2/kyulgNNyibc.jpg" title="Центр обучения наделённых Даром подростков. 18+" border="0" width="88" height="31"></a>
<a href="http://requiemtvdrg.rusff.ru/"target=_blank><img src="http://funkyimg.com/i/2pAse.png" title=" TVD: Requiem"></a>
<a href="http://sinnerman.rusff.ru/" target="_blank"><img src="http://s3.uploads.ru/yGYZu.gif"></a>
<a href="http://greenwoodshi.3bb.ru"><img src="http://forumstatic.ru/files/0000/10/a4/20737.gif" border="0" / title="Green Woods New York" alt="Green Woods New York">
</a>
<a href="http://ulegends.rusff.ru/" target="_blank"><img src="http://forumstatic.ru/files/0011/3b/5b/58873.jpg" alt="Городские легенды"/></a>
<a href="http://teor.8bb.ru" target=_blank title="FRPG Ирельм"><img src="http://forumstatic.ru/files/0017/b7/69/43637.png"></a> <a href="http://shadowsinparadise.rusff.ru"><img src="http://s2.uploads.ru/t/FlYOT.gif" alt="Shadows in paradise " title="Shadows in paradise" /></a>
...
</div>
</div>
</div></center>
<script type="text/javascript">
$().pun_aboutReady(function() {
$('#MyTableBtns ._btn').click(function() {
$('._btn.active').removeClass('active');
var index = $(this).addClass('active').index();
$('#MyTableCnt ._cnt').fadeOut(300).eq(index).fadeIn(300);
});
$('#MyTableBtns ._btn').eq(0).click();
});
</script>Еще подправил
И Добавлено спустя 7 минут 6 секунд:
Ещё раз
Deff
Огромное спасибо, добрый человек! ))))
А у нас очередная рубрика "Я и мои кривые руки"
Из-за смены ширины форума столкнулся с проблемой, что Фон Топика съехал...или сам топик съехал. Черт его разберет. В общем пытался сдвинуть форум сам в первом окне стиля - не вышло. Пытался мудрить с настройками топика - тоже не вышло...как поставить ровно по центру топика аватар и все, что под ним? Скрипт проблемы:
форум: http://neworl.rusff.ru
Enrico Abandato
Напомните завтра, посмотрю( или еще кто-то ответит)... Убегаю
Enrico Abandato
Напомните завтра, посмотрю( или еще кто-то ответит)... Убегаю
хорошо, спасибо) доброй ночи)
Alex_63
напоминаю про проблему:
А у нас очередная рубрика "Я и мои кривые руки"
Из-за смены ширины форума столкнулся с проблемой, что Фон Топика съехал...или сам топик съехал. Черт его разберет. В общем пытался сдвинуть форум сам в первом окне стиля - не вышло. Пытался мудрить с настройками топика - тоже не вышло...как поставить ровно по центру топика аватар и все, что под ним? Скрипт проблемы:форум: http://neworl.rusff.ru
Enrico Abandato
1. Ну во-первых в Первом Окне стилей красное удалите, значение синим поправьте
/* A5.2 */
/* текстовая ширина форума */
.punbb {
float: auto;
height: auto;
width: 1045px;
padding-left: 45px;
float: none;}
2. Вот это удаляете из HTML низ
<style type="text/css">
#pun-about p.container {
background-image: url(http://storage6.static.itmages.ru/i/17/0331/h_1490985664_7576689_711fb8e04a.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 154px;
width: 1050px;
margin-left: -46px;
font-size: 0 !important;}
</style>
А это в конец второго Окна стилей
#pun-about p.container {
background:url(http://storage6.static.itmages.ru/i/17/0331/h_1490985664_7576689_711fb8e04a.jpg) top center no-repeat;
height:154px;
width:1050px;
margin-left:-1px;
font-size:0!important;
}
3. Ищете в стилях и убираете margin-left: -45px;
4. В Первом Окне стилей правите значение синим
/* C3.5 */
.punbb .post .post-author {
float: left;
width: 17.5em;
}
И тут
/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}
5. И где-то в HTML верх у Вас не закрыт тег <i> , просмотрите внимательно - исправьте
Alex_63
Большущее спасибо, очень помогли!)
радость
И Да, проверьте, хорошо ли обрезаны картинки( возможно остались полоски), поскольку когда убираю в инспекторе фоновые картинки, оставляя ток цвет, эффект исчезает
В общем проблема 90% в графике
Возвращаясь к этому вопросу, я попробовала покрутить графику - сделала простую проверку залив картинку одним цветом, вокруг сделала однотонную рамку и разрезала на 9 частей.
На мобильных устройствах проблема осталась, правда полосочки теперь уже красные:
http://actusfire.rusff.ru/viewtopic.php?id=1#p15
Наверное они каким-то образом от красной рамки прилетают, но как - ума не приложу х)
Или быть может есть какой-то другой способ поставить такой фон для цитаты, чтоб он нормально отображался во всех подобных случаях?
радость
Изобразите в ФШ итоговый желаемый вид цитаты без текста средней высоты(не в один сантиметр, а 5-6см) - просто придумаем как поставить иным кодом
Доброго времени суток.
не работает Облако ссылок(все ссылки выдает просто в линию((( )
<div id="yoblako" align="center">
<noindex>
<!-- Облако тегов == Начало Заполнения пункта -->
<a style= "font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=1" rel="nofollow" class="eTag eTag Gr8">тестовый</a>
<a style="font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=4" rel="nofollow" class="eTag eTagGr8">алька</a>
<a style= "font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=1" rel="nofollow" class="eTag eTag Gr8">тестовый</a>
<a style="font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=4" rel="nofollow" class="eTag eTagGr8">алька</a>
<a style= "font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=1" rel="nofollow" class="eTag eTag Gr8">тестовый</a>
<a style="font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=4" rel="nofollow" class="eTag eTagGr8">алька</a>
<a style= "font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=1" rel="nofollow" class="eTag eTag Gr8">тестовый</a>
<a style="font-size: 8pt" href="http://testicforme.mybb.ru/viewforum.php?id=4" rel="nofollow" class="eTag eTagGr8">алька</a>
</noindex></div>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8'; /* минимальный размер шрифта в облаке. Размер задается в пунктах.*/
flashvars.maxFontSize = '12'; /* максимальный размер шрифта в облаке. Размер задается в пунктах.*/
flashvars.tcolor = '0x006600'; /*"0x006600" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.*/
flashvars.tcolor2 = '0x006600'; /* "0x006600" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.*/
flashvars.hicolor = '0xFF0000'; /*"0xFF0000" - цвет текста при наведении на него курсора. 0x не меняем.*/
flashvars.distr = 'true'; /*тип вращения облака, может принимать значение "true" или "false"*/
flashvars.tspeed = '100'; /*скорость вращения*/
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
/*params.wmode = 'transparent'; устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.*/
params.bgcolor = '#FFFFCC';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://forumstatic.ru/files/0010/b4/f8/35040.swf', 'yoblako', '200', '100', '9.0.0', false, flashvars, params, attributes); /*"200" - ширина будущего облака тегов в пикселях.
"100" - высота будущего облака тегов.
"9" - максимальная версия флеш-плеера, которая нужна для отображения облака.*/
</script>Помогите, пожалуйста, настроить.....
Отредактировано Лорд Алекс (Пн, 3 Апр 2017 01:08:53)
Лорд Алекс
Я походу соврал, поставьте перед Вашим приведённым кодом такой скрипт
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/80054.js"></script>
Суть в том, что с майб был удалён SWFObject Plugin, теперь его нужно прописывать вручную перед Вашим кодом
Deff, спасибо! помогло.
радость
Изобразите в ФШ итоговый желаемый вид цитаты без текста средней высоты(не в один сантиметр, а 5-6см) - просто придумаем как поставить иным кодом
радость
Пробуйте этот код
/* Цитата */
.punbb .quote-box, .punbb .code-box {
background: url(http://i.imgur.com/wlEqxb7.png) top left no-repeat, url(http://i.imgur.com/mveaGGU.png) top right no-repeat, url(http://i.imgur.com/LoZxFyh.png) top center repeat-x, url(http://i.imgur.com/S72mIta.png) bottom left no-repeat, url(http://i.imgur.com/PNXZ82U.png) bottom right no-repeat, url(http://i.imgur.com/xIXt7tj.png) bottom center repeat-x, url(http://i.imgur.com/nlpMcqL.png) left repeat-y, url(http://i.imgur.com/cbHMcDI.png) right repeat-y, url(http://i.imgur.com/XZYRa5m.png) center repeat;
background-color: #7f7f7f;
color: #080808;
border: none;
border-color: transparent;}Заменить на такой:
/* Цитата */
.punbb .quote-box, .punbb .code-box {
border-width: 16px;
padding: 7px;
-moz-border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
-webkit-border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
-o-border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
}Deff, и даже так, всё равно есть эти полосы, ровно на границе :СС
http://i.imgur.com/lB7tOe8.png
радость, попробуйте убрать синее и добавить код ниже( размножаемый фон по центру должен перекрыть линии)
/* Цитата */
.punbb .quote-box, .punbb .code-box {
border-width: 16px;
padding: 7px;
-moz-border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
-webkit-border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
-o-border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
border-image: url(http://i.imgur.com/D2fhgfY.png) 16 repeat;
}
.punbb .quote-box cite, .punbb .quote-box blockquote{
padding: 5px; margin:-2px;
background: url(Тут картинка размножаемого фона по центру);
}
Здравствуйте, подскажите как сделать меню навигации по середине и картинку рястянуть на всю шапку?
http://forumstatic.ru/files/0018/44/93/26516.png
Здравствуйте, подскажите как сделать меню навигации по середине и картинку рястянуть на всю шапку?
Ссылка на форум?
Отредактировано kolobdur74 (Ср, 5 Апр 2017 17:14:40)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)