Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (56)
Продолжение темы Общие вопросы от новичков (55)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Alex_63
Огромнейшее спасибо, результат выше всяких похвал!))
Можете еще подсказать, каким образом такие аккуратные таблички в объявлении мутятся?
http://ftwod.anihub.ru/viewtopic.php?id=91#p6494
Kamia Kitoho
Там такая табличка стоит:
<style>
.shadow {
background: #fdfbf9; /* Цвет фона */
box-shadow: 0 0 2px rgba(0,0,0,0.5); /* Параметры тени */
vertical-align: text-top;
text-align: center;
padding: 10px;
border: #D7B788 1px none;
}
.blackbox {
background: #0e1d22; /* Цвет фона */
color: #fdfbf9;
height: 13px;
width: auto;
font-family: century gothic;
text-align: center;
padding: 3px;
}
.linkbox {
background: #dcdcdc;
height: 20px;
width: auto;
padding-top: -10px;
margin-top: 6px;
font-family: century gothic;
font-size: 11px;
line-height: 150%;
text-align: center;
}
.linkbox:hover {
background: #0d1c21;
height: 20px;
width: auto;
padding-top: -10px;
margin-top: 6px;
font-family: century gothic;
font-size: 11px;
line-height: 150%;
text-align: center;
transition-duration: 0.6s;
}
</style>
<center><h5><table align="center" width="800" height="90" cellspacing="7px" cellpadding="1px">
<tbody>
<tr>
<td rowspan="3" class="shadow" width="800"><div class="blackbox">топы & ролевые каталоги</div><br>
<!-- /Top.Roleplay.Ru -->
<a title="Каталог фэнтези сайтов Палантир" href='https://palantir.in/?from=19731' target='_blank'>
<script type="text/javascript">
Mz = "wh=" + screen.width + 'x' + screen.height;
My = "<img src='https://palantir.in/count.php?id=19731&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png";
My += "&cntc=none&rand=" + Math.random() + "&referer=" + encodeURIComponent(document.referrer);
My += '&pg=' + encodeURIComponent(window.location.href);
My += "' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";
document.write(My);</script>
<noscript><img src="https://palantir.in/count.php?id=19731&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px"
height="31px"></noscript>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://s01.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=24448&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://rpgtop.su/24448' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x7.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://s01.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=24448' width='1' height='1' border='0'><a href='http://rpgtop.su/24448' target='_top'><img src='http://img.rpgtop.su/88x31x11x7.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="http://forumstatic.ru/files/0010/0e/ae/60444.gif" border="0" alt="White PR"></a>
<a href="http://futura.rusff.ru/"><img src="http://forumstatic.ru/files/0013/61/45/93418.gif" title="каталог аниме форумов"></a>
<a href="http://artishock.rusff.ru/" target="_blank"><img src="http://s2.uploads.ru/nzVxs.gif" title="ARTISHOCK" border="0"width="88" height="31"></a>
<a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/images/pr/tank.gif" border="0"></a>
<a href="http://coffeebreak.rusff.ru/" target="_blank"> <img src="http://sh.uploads.ru/XjJdw.png" border="0" width="88" height="31" title="Ролевой Каталог CoffeeBreak"></a>
<a href="http://sweet-zephyr.ru/"><img src="http://sg.uploads.ru/2C6Na.jpg" alt="Зефир, помощь ролевым" title="Зефир, помощь ролевым" /></a>
<a href="http://urchoice.rolka.su/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"></a>
</td>
</tr>
</tbody>
</table></h5>
</center>
<center><h5><table align="center" width="800" height="330" cellspacing="7px" cellpadding="1px">
<tbody>
<tr>
<td rowspan="2" class="shadow" width="200" ><div class="blackbox">ссылки</div><br>
<a href="/viewtopic.php?id=2"><div class="linkbox">гостевая</div></a>
<a href="/viewtopic.php?id=3"><div class="linkbox">бронирование роли</div></a>
<br>
<a href="/viewtopic.php?id=30"><div class="linkbox">список ролей</div></a>
<a href="/viewtopic.php?id=23"><div class="linkbox">правила</div></a>
<a href="/viewforum.php?id=32"><div class="linkbox">акции</div></a>
<a href="/viewtopic.php?id=24"><div class="linkbox">сюжет</div></a>
<a href="/viewtopic.php?id=19"><div class="linkbox">шаблон анкеты [канон]</div></a>
<a href="/viewtopic.php?id=18"><div class="linkbox">шаблон анкеты [неканон]</div></a>
<br>
<a href="/viewtopic.php?id=20"><div class="linkbox">экспериментальный шаблон</div></a>
<a href="/viewtopic.php?id=28"><div class="linkbox">занятые внешности</div></a></div></td>
<td width="400" height="80" class="shadow"><div class="blackbox">администрация</div><br>
<div class=ImgWrap>
<pre class="image Down" align=center><br><img src="http://screenshot.ru/upload/images/2016/05/14/midnight-big81b86.png"/>
<b>Darkness Incarnate - Midnight</b>
<i>Администратор - позитивный братишка</i>
• Единственный добрый проверяльщик анкет.
Пройдётся по всем вашим недоработкам,
грамматическим и стилистическим ошибкам
и будет долго издеваться.
• Так же ответит вам в гостевой. Максимально
адекватно. Иногда.
• Можно тормошить в ЛС и ICQ.
<br></pre>
<a href="/profile.php?id=5" target="_blank"><img class="image UP" src="http://screenshot.ru/upload/images/2016/05/14/midnight9c6e3.png"/></a>
</div>
<div class=ImgWrap>
<pre class="image Down" align=center><br><img src="http://screenshot.ru/upload/images/2016/05/31/Untitled-7d5061.png" />
<b>Mother Widow - Arachnera</b>
<i>Администратор - матушка-надсмоторщик</i>
• Та, кто будет пилить вас по поводу анкеты
очень и очень долго. Особенно если у вас
будут откровенные косяки. Временно нет.
• Расскажет вам всё, что интересует и даже
много больше. Но это, если сможете застать её.
• Трогать исключительно через ЛС.
</br></pre>
<a href="/profile.php?id=4" target="_blank"><img class="image UP" src="http://screenshot.ru/upload/images/2016/06/05/portraits5525e359d7.png"/></a>
</div>
<div class=ImgWrap>
<pre class="image Down" align=center><br><img src="http://screenshot.ru/upload/images/2016/05/14/brandish-bigebab2.png" />
<b>Country Demolisher - Brandish μ</b>
<i>Администратор - женщина-курлык</i>
• Милая женщина, которая сможет вам
помочь с любым вопросом.
• Если будете бузить, станет для вас
личным карателем с плетью и каблуком,
застрявшим где-то пониже спины.
• А так же станет для вас любым
персонажем требующимся для
продолжения ваших приключений.
• Но опять же стоит обращаться в личку.
</br></pre>
<a href="/profile.php?id=3" target="_blank"><img class="image UP" src="http://screenshot.ru/upload/images/2016/05/14/brandisha13f3.png"/></a>
</div></td>
<td width="200" rowspan="2" class="shadow"><div class="blackbox">партнерство</div>
<br>
<br>
<a href="http://shamanthird.anihub.ru/"><img src="http://i73.fastpic.ru/big/2016/0107/21/7e00aa683e66c91986c626d6454b3b21.gif" title="Shaman King: The Third"></a>
<a href="http://anotherworldnaruto.rolka.su//"><img title="Naruto: Another World" src="http://i9.pixs.ru/storage/1/0/9/animation1_1041630_21838109.gif" border="0" /></a>
<a href="http://bleached.rolebb.com/" title="BLEACH: STAND UP, BE STRONG" target="_blank"><img src="http://sa.uploads.ru/L4v1x.gif" border="0" width="88" height="31"></a><a href="http://dnnextlife.rolka.su" target=_blank><img src="http://i52.fastpic.ru/big/2013/0324/55/f9e64d7e743e9acca1dc620fb493e755.gif" border="0" title="Death note: Next Life" width="88" height="31"></a><a href="http://peacefullwar.rolka.su" target=_blank><img src="http://sf.uploads.ru/oruYC.png" border="0" title="Мирная Война между расами демонов, вампиров и людей" width="88" height="31"></a>
<a href="http://crossoveranime.rusff.ru/" title="Фантом" target="top_">
<img src="http://s2.uploads.ru/r86KN.jpg" alt="Кроссовер по аниме" border="0" width="88" height="31"></a>
<a href="http://ansion.rusff.ru/" target="_blank"><img src="http://se.uploads.ru/4bN57.gif"alt="ANSION" /></a>
</td>
</tr>
<tr>
<td width="400" height="250" class="shadow"><div class="blackbox">новостная лента</div>
<br>
<hr>
<br>
<p> Уважаемые гости! </p>
<p>Ролевая официально <b>закрыта</b>. Приносим свои извинения за ваше потраченное время.</p>
<p></p>
</td>
</tr>
</tbody>
</table></h5></center>Alex_63
Спасибо, но плагиатить чужую идею мне бы не хотелось, это был просто пример. Я попытался разобрать код, но слегка запутался. Если не сложно, не могли бы Вы мне прописать нужные таблички (макет прилагается). Уверен, это многим пригодится из новичков, выглядит очень аккуратно и красиво. Спасибо заранее)
Kamia Kitoho
Для заказов таблиц есть спец тема > Таблицы на заказ (16)
Kamia Kitoho
Для заказов таблиц есть спец тема > Таблицы на заказ (16)
Прошу прощения, спасибо за разъяснение
Нужна растягивающаяся рамочка для профиля пользователей, один в один, как здесь
Отредактировано Kamia Kitoho (Вт, 19 Июл 2016 03:20:32)
Kamia Kitoho
Доброго времени (:
Если картинкой, то Обрамление Профиля своими фоновыми картинками.
Если просто линией, то
.punbb .post-author {border: 2px double #576f78;}
Подробнее тут - border.
Здравствуйте.
Вот пример страницы: http://565.mybb.ru/pages/lyrics3
Пример с убранным именем, слева таблица (первое имя): http://565.mybb.ru/pages/lyrics
Возник такой вопрос по табличке моей. Это таблица артистов и она пополняема. Столбцы справа и слева будут не полностью забиты именами артистов, т.е. в конце должны быть пустые места(возможно в середине пустой ряд - для визуального разделения). Но как их сделать чтобы сама таблица не скособочилась? Конечно я по-экспериментировал просто убрав имена и напихав <br>, но так довольно затруднительно будет потом обратно дозаполнить таблицу, если вдруг появится нужный артист для неё. Может быть можно что-то добавить к допустим этой строчке
<li id="p-btn" class="2"><div><img src="http://cws.muz.ru/gallery.ashx?id=ART00k400279514&target=item&type=4" width="80" height="80" alt="Иоганн Штраус-отец" title="Иоганн Штраус-отец"> <p class="name">Иоганн Штраус-отец</p></div></li><br>
чтобы визуально её не было видно, но как только мне понадобится добавить артиста - я её бы переделал и вуаля.?
Отредактировано kleo3333 (Пт, 22 Июл 2016 22:02:14)
kleo3333
В Конец cвоей страницы с таблой:
<!--Удаляем строки с картинками опредёлённых музыкантов-->
<script type="text/javascript">
(function(){
var arr = "Иоганн Штраус-отец, Down Low".split(/\s*,\s*/); //Красным имена удаляемых музыкантов в alt картинки, через запятую
$('li[id="p-btn"] img[alt]').each(function(){
$a = $(this);
if(arr.indexOf($a.attr('alt'))!=-1)
$a.parent('div').parent('li').hide().next('br').hide();
});
}());
</script>
Здравствуйте. Сегодня во всех браузерах, включая мобильные, таким образом поехал дизайн. Ничего в настройках никто не трогал. В чем может быть причина?
Отредактировано Trufannat (Вт, 19 Июл 2016 11:12:47)
Kamia Kitoho
Доброго времени (:
Если картинкой, то Обрамление Профиля своими фоновыми картинками.
Если просто линией, тоПодробнее тут - border.
Пасиб, я посмотрю.
Радикал упал, оформление форума полетело. Можете Вы или иные форумчане подсказать, как заливать картинки на форум прямо с компьютера, без помощи файлообменников?
код [img] не прочитался((
<style type="text/css">
#pun {
width: 980px;
margin: 76px auto 0 auto;
border:solid 3px #ff1493;
}
html {
background: #97796F url(http://s014.radikal.ru/i326/1607/38/a8fb136e22d1.jpg) repeat-y top center !important;
}
body {
background: transparent url(http://s018.radikal.ru/i506/1607/70/e9938714ee06.jpg) no-repeat top center !important;
padding-top: 382px !important;
}
</style>
Здравствуйте. Сегодня во всех браузерах, включая мобильные, таким образом поехал дизайн. Ничего в настройках никто не трогал. В чем может быть причина?
Такая же шняга, файлообменники шалят. Ответ на мой вопрос и тебе поможет.
Радикал упал, оформление форума полетело. Можете Вы или иные форумчане подсказать, как заливать картинки на форум прямо с компьютера, без помощи файлообменников?
Никогда не заливайте на Радикал... Есть Администрирование - Файлы для заливки дизайна, еще можно использовать савепик, здесь о нем писал: Общие вопросы по оформлению (60) Еще можно использовать хостинг встроенный в форумы - ВВ-код Изображение - С компьютера..
kolobdur74
Благодарю, буду иметь в виду, все поправилось
Kamia Kitoho
Доброго времени (:
Если картинкой, то Обрамление Профиля своими фоновыми картинками.
Если просто линией, тоПодробнее тут - border.
Поставил в хтмл- низ, не появилось ничего. Пробовал и между <style></style> вставлять, тоже не сработало. Что еще можно попробовать?
http://sdfsdfsdfs.anihub.ru/viewtopic.php?id=2#p3
Отредактировано Kamia Kitoho (Вт, 19 Июл 2016 12:14:13)
Поставил в хтмл- низ
Нужно ставить во второе окно стиле либо в HTML-верх в тегах <style></style>
Поставил в хтмл- низ, не появилось ничего. Пробовал и между <style></style> вставлять, тоже не сработало. Что еще можно попробовать?
Для начала поставьте в НТМЛ верх:
<style>
.punbb .post-author {border: 2px double #576f78;}
</style>
CSS без <style></style> используется только в Администрирование - Свой стиль.. НТМЛ низ используется для скриптов (если не оговорено автором скрипта куда ставить), НТМЛ верх для дизайна..
Отредактировано kolobdur74 (Вт, 19 Июл 2016 12:23:44)
Kamia Kitoho
Поставьте лучше в HTML верх:
<style type="text/css">
.punbb .post-author {
border: 3px double #576f78!important;
width:195px!important;
padding-top:5px;
margin-left:7px;
}
</style>RpM Anastasia
kolobdur74
Спасибо за информацию, все попробуем)
Deff
Прекрасно выглядит, благодарю)
Еще проблемка: слово "Объявление". Я уже прочитал, как его убрать (даже 2 кода ставил), но убирается оно лишь с главной страницы. На других страницах "Объявление" отлично видно и это мешает. Как его отовсюду убрать?
Ссылка на не главную страницу форума
Kamia Kitoho
Ctrl+F забиваем D6.2, правим там:
/* D6.2 */
#pun-announcement h2 span {
display: none;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (56)