Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (30)
Кофеман
Больше не налезают, но они должны быть справа, а не слева.
И что делать с объявлением?
Код с таблицей поменял, все равно лезет за пределы форума. Картинки также подрезал немного.
Grell-tyan, а код твблицы в объявлении попробуйте изменить полностью на этот:
<style type="text/css">
#menu span {
padding-left: 2px;
width: 70px;
text-decoration: none;
display: block;
}
#menu .tabactive {
color: #2662DF;
background: transparent;
}
#submenu {
padding: 5px;
height: 400px;
text-align: center;
font-size: 12px;
width: 600px;
}
.submenutext {
display: none;
height: 60px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>
<center>
<table style="width: 700px; ">
<tr>
<td style="width: 70px;">
<div id="menu">
<b><span alt="#sm1" style="cursor: pointer;"><img src="http://s014.radikal.ru/i327/1104/e3/3e22a8c425c9.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s58.radikal.ru/i159/1104/3d/0dc0e4f1b3ea.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://i025.radikal.ru/1104/ca/ca0bdebb84e0.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s016.radikal.ru/i337/1104/fc/c6843d70acee.png"></span></b></div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display: block;">
<img src="http://s11.radikal.ru/i183/1104/95/afff70ff6c2d.png">
</div>
<div id="sm2" class="submenutext">
<img src="http://i038.radikal.ru/1104/d5/bdc514c3349e.png">
</div>
<div id="sm3" class="submenutext">
<img src="http://s11.radikal.ru/i183/1104/95/afff70ff6c2d.png">
</div>
<div id="sm4" class="submenutext">
<img src="http://s11.radikal.ru/i183/1104/95/afff70ff6c2d.png">
</div>
</td>
</tr>
</table>
</center>Больше не налезают, но они должны быть справа, а не слева.
Grell-tyan, я не понимаю, лучше на скрине нарисуйте, где они должны встать в итоге.
авакадо
Здравствуйте.
можно еще раз за помощью)
как сделать так, что бы пользовательское меню и ссылки находились в черной полосе, а таблица сверху?как здесь http://forumupload.ru/uploads/000f/20/22/5-1-f.jpg
Найдите в первом окне стиля это фрагмент кода:
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
}
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-top: 0;
}
/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}
/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}и попробуйте заменить его на:
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
margin-top: -170px;
}
/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
}
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-top: 0;
margin-bottom: 50px;
}
/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}
/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}http://ibtek.ru/mybb/index.phpэтот сайт, он больше не работает?
Он не относится к форумам МайББ и мы не владеем информацией о сроках возобновления работы и будет ли это возобновление вообще.
rps
Здравствуй, как то ты мне давал вот такой код
<style type="text/css">
body {
background: #171717 url(http://onserial-letay-16.ru/uploads/000d/05/e5/5087-2-f.jpg) no-repeat top center;
}
html {
background: none;
}
</style>чтоб менять фоновое изображения на главной странице.
Можно как то скриптом сделать чтоб можно было менять фоновое изображения только в определенных темах?
Фасолька
Здравствуйте.
Подскажите, пожалуйста, как изменить размер названий "форум", "участники", "профиль" и т.д., мне бы хотелось написать их целиком заглавными буквами, но сделать поменьше шрифт, приблизительно как здесь - http://celebrityrolegame.ru/ , и уменьшить расстояние между "форум", "участники", "профиль" и "новые сообщения", "активные темы" и т.д.
Как вариант:
<style type="text/css">
#pun-navlinks *, #pun-ulinks * {
text-transform: uppercase;
font-size: 12px;
text-align: center;
}
#pun-navlinks li, #pun-ulinks li {
padding: 0 0.1em !important;
}
#pun-navlinks a, #pun-ulinks a {
padding: 0 !important;
}
</style>И второй вопрос, хотелось бы распложить рекламмный баннер под лого как показано на скриншоте: http://www.imageup.ru/img191/csuvv617011.pngПытаюсь подвинуть следующим кодом, но ничего не выходит(
А таким?
<style type="text/css">
.title-logo-tdr a,.title-logo-tdr iframe,.title-logo-tdr object {
position: absolute;
z-index: 1000;
right: 330px;
top: 319px;
}
#pun {
position: relative;
}
</style>Niiro Kaede
Здравствуйте.
У меня вопрос: Как можно сделать размер иконок для тем хотя бы 50х50?А то у меня никак нормально поставить не получается, обрезает(Вот так получается, а если уменьшить, то текст плохо видно.
<style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
position: relative !important;
height: 50px;
width: 50px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(адрес иконки темы без новых сообщений);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(адрес иконки темы с новыми сообщениями);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(адрес иконки выделенной темы);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(адрес иконки переадресации с форума);
background-repeat: no-repeat;
}
</style>Grell-tyan
С иконками - так пойдёт? http://partner.mybb.ru
Invisible Man
Здравствуйте.
Можно как то скриптом сделать чтоб можно было менять фоновое изображения только в определенных темах?
Можно. Но есть вопрос: для разных тем будут разные изображения или просто в определённых темах сменить фон?
Можно. Но есть вопрос: для разных тем будут разные изображения или просто в определённых темах сменить фон?
Для разных тем будут разные изображения и цвет фона (как предыдущий код работал) в таком же стиле, сверху изображения и заливка фона цветом.
Добавлено:
А если возможно сделать через свой стиль типа (пример как иконки форумов)
tr#forum_f137 div.icon {background-image: url(http://onserial-letay-16.ru/uploads/000d/05/e5/7419-4.png); }
tr#forum_f137 div.inew {background-image: url(http://onserial-letay-16.ru/uploads/000d/05/e5/7419-4.png); }Вообще было бы замечательно. Ставить id темы и фон к ней.
Отредактировано Invisible Man (Сб, 2 Апр 2011 14:51:20)
rps
спасибо, с баннером теперь всё ок =)
а вот насчёт "форум", "участники", "профиль", можно ли только их сделать заглавными буквами, а вторую строку "новые сообщения", "активные темы" оставить маленькими буквами?
и уж очень огромное расстояние между строками, нельзя ли всё это сдвинуть друг к другу ближе? (два расстояния хотелось бы уменьшить, отмечены на скрине - http://www.imageup.ru/img128/prk617181.png )
Invisible Man
<script type="text/javascript">
var array; var i;
array = new Array();
array[0] = new Array("Оформляем контент в постах", "http://www.imageup.ru/img124/cherryfest_row1141217883617184.jpg", "#abcdef");
array[1] = new Array("Тема в подфоруме 2", "http://www.imageup.ru/img124/bihoropass_row1385143995617186.jpg", "#ffffcc");
array[2] = new Array("Norvegino", "http://www.imageup.ru/img124/mustardfield_row55794018617188.jpg", "#fedcba");
for (i in array) {
if (document.getElementById("pun-crumbs1").innerHTML.indexOf(array[i][0]) != -1) {
document.body.style.backgroundColor = array[i][2];
document.body.style.backgroundImage = "url(" + array[i][1] + ")";
}}
</script>Наверное так вот. В ХТМЛ-низ...
Через стиль нельзя.
Фасолька
Вы адрес форума дайте.
Фасолька
Это переделанный код:
<style type="text/css">
#pun-navlinks * {
text-transform: uppercase;
}
#pun-navlinks *, #pun-ulinks * {
font-size: 10px;
text-align: center;
}
#pun-navlinks li, #pun-ulinks li {
padding: 0 0.1em !important;
}
#pun-navlinks a, #pun-ulinks a {
padding: 0 !important;
}
</style>А это найдите в первом окне стиля:
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
border:none;
margin: 0;
margin-bottom: 10px;
}
#pun-navlinks .container {
border:none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 12px;
height: 30px;
font-weight:bold;
text-align: center;
}
/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
padding: 0px;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.2em;
font-family: tahoma;
padding: 6px 11px 8px 11px;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-bottom: 16px;
border: 1px solid transparent;
}
/* D4.2 */
#pun-ulinks .container {;
text-align: center;
border: 1px solid transparent;
padding-top: 6px;
height: 20px;
font-weight: bold;
font-size: 1em;
font-family: tahoma;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
white-space: nowrap;
}
/* D4.4 */
#pun-ulinks li a {
padding: 0 0em 0 2em
}
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}И замените на:
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
border:none;
margin: 0;
}
#pun-navlinks .container {
border:none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
font-weight:bold;
text-align: center;
}
/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
padding: 0px;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.2em;
font-family: tahoma;
padding: 6px 11px 8px 11px;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-bottom: 16px;
border: 1px solid transparent;
}
/* D4.2 */
#pun-ulinks .container {;
text-align: center;
border: 1px solid transparent;
padding-top: 6px;
font-weight: bold;
font-size: 1em;
font-family: tahoma;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
white-space: nowrap;
}
/* D4.4 */
#pun-ulinks li a {
padding: 0 0em 0 2em
}
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}rps
спасибо огромное, теперь всё хорошо)
Наверное так вот. В ХТМЛ-низ...
Мммм а чтоб картинкой можно было управлять поставить ее по центру в вверху к примеру (у всех по разному будет) и чтоб без размножения
Добавлено: поправил
Отредактировано Invisible Man (Сб, 2 Апр 2011 15:27:36)
rps
Извиняюсь за назойливость, но только что обнаружила ошибку, после того, как поменяла коды. Теперь если зайти в профиль участника, меню съезжает влево, продемонстрирую на скриншоте - http://www.imageup.ru/img128/miavpv617233.png
а код твблицы в объявлении попробуйте изменить полностью на этот:
Да-да, спасибо огромное) как раз то, что нужно)
С иконками - так пойдёт?
Да, в точку) я прописывал изначально в настройках, так и встало нормально, но в стиль перенести не получилось(( Что нужно поменять?
И остался также вопрос:
Можно ли убрать табличный фон из-под шапки? Я хочу, чтобы моя шапка как бы вливалась в общий фон.
Отредактировано Grell-tyan (Сб, 2 Апр 2011 16:25:51)
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (30)