Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)


Общие вопросы по оформлению (64)

Сообщений 801 страница 820 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

801

Deff
может есть какой-то другой код на картинки онлайн \оффлайн, а не тот, что у меня

0

802

Deff написал(а):

Спешите, я не успеваю предложить способ...

простите, если есть идеи, ради бога

Deff написал(а):

Выложите старый код всюда

Код:
<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:179;" />';
var ImgON="http://funkyimg.com/i/2CtLF.png";  // Картинка Online;
var ImgOff="http://funkyimg.com/i/2CtLG.png";  // Картинка OffLine;
$("#pun-viewtopic .post .post-author ul").each(function ()   {
$(this).html('<div class=UL>'+$(this).html()+'</div>');
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
    }else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});
</script>

Отредактировано Silentium (Пт, 14 Дек 2018 21:14:32)

0

803

Deff

Arlekina написал(а):

Пример находится в подфоруме Ваши стаи

http://animaljam-russia.ru/

0

804

Silentium
Попробуйте заменить на такой:

Код:
<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:179;" />';
var ImgON="http://funkyimg.com/i/2CtLF.png";  // Картинка Online;
var ImgOff="http://funkyimg.com/i/2CtLG.png";  // Картинка OffLine;
$("#pun-viewtopic .post .post-author>ul").each(function ()   {
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
    }else $(this).append(L0+ImgOff+L1);
});
</script>

Поправил!

Отредактировано Deff (Пт, 14 Дек 2018 21:25:13)

+1

805

Arlekina
Мне не пример нужен!
А ваш форум с установленной картинкой в подфоруме

/Ну и желательно выложить тут примерный текст к ней

Отредактировано Deff (Пт, 14 Дек 2018 21:27:15)

0

806

Deff написал(а):

Поправил!

помогло, спасибо вам огромное.

+1

807

Silentium
ксать здесь http://bestbb.ru/create/ уже стоит скрипт смены диза и занчительно удобнее(для подключения своих скриптов и кодов) => http://forum.bestbb.ru/viewtopic.php?id=20

Отредактировано Deff (Пт, 14 Дек 2018 21:46:37)

+1

808

Deff
ого, круто! надо изучить на досуге :cool:

+1

809

Deff
Так, это и есть мой форум о.о

0

810

Arlekina написал(а):

Могли бы мне подсказать, как возможно прописать заголовок? Чтобы он появлялся при наведении над основным текстом, либо был постоянно, не зависимо от наведения курсора на картинку.

Если я правильно понял, то к примеру так:

<span>
   <h3 style="color:#4495aa;padding-bottom:8px">Раздел</h3>
    Ваши стаи
Данный раздел предназначен для игроков, у которых есть своя стая. Эта ваша уникальная возможность рассказать о своей стае, о ее традициях, о каждом из участников.
</span>

Поправив с 60 пикселей на 80 здесь:

.img_block a.content_block:hover span {
    bottom:0;
    height: 80px;
    color: #ffffff;
}

0

811

Как сделать,  разделение между темой и форумом?

А то сиотрится подфорум как и тема!

+1

812

Как сделать что бы этот блок был на всю ширину форума и все эти 25 позиций вмешались в один ряд.
Спасибо за помощь.
__________________
<!-- Рейтинг самых позитивных/негативных -->
<style type="text/css">
#joper {width: 100%;text-align: center; margin:0 auto;}
.tabz {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;
}
.tabz li {float: left;margin-right: 1px; cursor:pointer;background: url("//uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -366px 0 transparent;background-position-x: -366px;background-position-y: 0px;color: #444444;display: block;margin-bottom: -1px;padding: 0 14px 1px;text-align: center;text-decoration: none;width: 126px;height: 29px;
}
.tabz li:hover {color:#EFEFEF;padding: 0 14px;background: url("//uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -366px -31px; text-decoration:none;
}
.tabz .active {color: #444;padding: 0px 14px 2px;border: medium hidden;line-height: 22px;background-position: -366px -61px;
}
input[type="text"] {background:transparent;border:none !important;padding:0 !important;text-align:center;vertical-align:sub;width:84px;}
input[type="text"]:hover {color: #cbc3f7;
}
.tabz .active input[type="text"]:hover {color: #cbc3f7;}
div[class^="t-"]:not(.t-0) {display: none;}
div[class^="t-"] {background: #fbfbfb;border: 1px solid #888;border-radius: 0 0 9px 9px;padding: 0 5px 5px;counter-reset: span;width: 297px;
}
#us_min img{border:1px solid #696969;border-radius: 9px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);transition: all 0.5s ease;
}
#us_min figure {display:block;height: 52px;width: 52px;position: relative;overflow:hidden;text-align: center;
}
#us_min figcaption {display:block; width:50px;background:rgba(255, 46, 0, 0.8);border-radius: 0 0 7px 7px;box-shadow: 0 0 5px #40310A inset;color: #fff; font-weight: bold;font-size: 12px;height: 15px;left: 1px;position: absolute;top: 36px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
#us_min td img:hover {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);
}
.tipsy-inner {background-color:#004d66; color:white; max-width:200px;
}
#us_min th,#us_poz th {border-radius: 7px;height: 22px;font-size: small;
}
#us_poz img{border:1px solid #696969;border-radius: 9px;
}
#us_poz figure {display:block;height: 52px;width: 52px;position: relative;overflow:hidden;text-align: center;
}
#us_poz figcaption {display:block; width:50px;background:rgba(245, 124, 0, 0.8);border-radius: 0 0 7px 7px;box-shadow: 0 0 5px #40310A inset;color: #fff; font-size: 0.8em;font-weight: bold;font-size: 12px;height: 15px;left: 1px;position: absolute;top: 36px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
<div id="joper">
<ul class="tabz">
<li class="t-0 active"> &#x271A; </li>
<li class="t-1"> &minus; </li>
</ul>
<div class="t-0"><table id="us_poz" cellspacing="5" style=""></table></div>
<div class="t-1"><table id="us_min" cellspacing="5" style=""></table></div>
</div>
<script type="text/javascript">
var lim = 25, //количество ячеек (персон) в таблице
ktd = 5; //количество ячеек в строке
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0017/d8/50/88008.js"></script>

__________________
https://i.imgur.com/F9BdWKCm.png

0

813

Янлин
Там нужно у автора спрашивать... и спрячьте код в сообщение под тег спойлера или блока код (неудобно читать страницу с такими простынями)
2-е - дайте ссылку на Вашу страницу с установленным скриптом - может совместно с активистами чо нидь придумаем...

0

814

https://i.imgur.com/IpKql2Lm.png
Вот так он есть сейчас

0

815

Форум.
Вот здесь

.

0

816

Kamazz написал(а):

Как сделать,  разделение между темой и форумом?

А то сиотрится подфорум как и тема!

поддерживаю

0

817

Ребят, подскажите, как можно исправить следующее:
https://i.imgur.com/0ceX2Gnm.jpg
Низ уезжает на мобильных ОС вне зависимости от браузера
http://poe.rolka.su

0

818

Raziel-Cheize написал(а):

Низ уезжает на мобильных ОС вне зависимости от браузера

Добавьте сюда:

/* CS1.5 Футер\копирайт\низ */
#pun_wrap

width: 1050px;
И там же вместо:

margin-left: -5px;
    margin-top: 0px;

margin: 0 auto;

Отредактировано kolobdur74 (Ср, 19 Дек 2018 21:07:16)

+1

819

kolobdur74
спасибо большое, помогло)

+1

820

Здравствуйте! Подскажите, пожалуйста...
Нашла свой старый форум, хотела немного изменить оформление. Шапку пока не трогала, заменила только задний фон! Но он почему-то какой-то нечеткий... Размер изображения: 1920х1080. Можно ли как-то исправить отображение?
Заранее благодарю за ответ!

http://gluharpatnickiu.rolebb.ru

Отредактировано Boston (Пт, 21 Дек 2018 15:06:31)

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)