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

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

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


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


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

Сообщений 21 страница 40 из 1001

1

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

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

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

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

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

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

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

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

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

0

21

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

Эту функцию имеет хостинг картинок: http://savepic.ru/

жалко только он по умолчанию не может прицепиться к форуму на загрузку картинок, как uploads

0

22

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

Что-то  странное происходит с "кодом".

Например, раздел "Реклама". Вношу изменения в текст, нажимаю "посмотреть". И получаю:

Чтобы Код выделялся нужно ставить скрипт: Каталог скриптов/CSS См НАИБОЛЕЕ ВОСТРЕБОВАННЫЕ СКРИПТЫ

+1

23

Deff
Два домена savepic (на .net и .org) вроде восстановили

+1

24

Reina_Avart
1. Поставьте в конец HTML низ такой скрипт: (Выделение кода + правка ширины контента предпросмотра)

Код:
<script type="text/javascript">
function select_text(elem){if(window.getSelection){var s=window.getSelection();if(s.setBaseAndExtent){s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);}
else{var r=document.createRange();r.selectNodeContents(elem);s.removeAllRanges();s.addRange(r);}}
else if(document.getSelection){var s=document.getSelection();var r=document.createRange();r.selectNodeContents(elem);s.removeAllRanges();s.addRange(r);}
else if(document.selection){var r=document.body.createTextRange();r.moveToElementText(elem);r.select();}}
var div=document.getElementById('pun-main').getElementsByTagName('div');for(x in div){if(div[x].className=='code-box'){div[x].getElementsByClassName('legend')[0].innerHTML='<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';}}

//правка ширины контента предпросмотра
if($('#pun-post,#pun-edit,#pun-poll').length)(function() {
function setMaxWidth() {var p1=$('#pun-main').width(),p3=$('#post').css('padding-left').replace(/(em|px)/,'');
var postConWidth=parseInt(p1)-parseInt(p3)-parseInt(p3);
$('.post-box').css('max-width',postConWidth+'px');$('#post').css('overflow-x','hidden');};
$(function() {setMaxWidth();});$(window).resize(function() {setMaxWidth();});}());
</script>

2. Переместите скрипт Пиар входа в HTML Верх: (Нун внимательнее читать рекомендации, куда ставить код!

<!-- Пиар-вход -->
<script src="http://forumfiles.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Торговец'; //Ник PR-аккаунта
PR.pass = 'wzmOkO9h'; //Пароль PR-аккаунта
PR.btn_text = 'http://forumfiles.ru/files/0017/95/26/42631.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<script type="text/javascript">
PR.nick = 'Некто'; //Ник PR-аккаунта
PR.pass = '123456'; //Пароль PR-аккаунта
PR.btn_text = 'http://forumfiles.ru/files/0017/95/26/31249.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

0

25

Доброго времени) У меня вопрос по поводу таблицы - как мне добавить в администрацию ещё одну картинку справа, чтобы таблица вся не сбилась?
http://smsc.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 'Georgia';
  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>
<br>
<br>
<center><a href="http://smsc.rolka.su/viewtopic.php?id=51"><img src='http://funkyimg.com/i/2baqA.png'"></a></center>
</div>
 
<div class="cnt-a" id="Up02">
    <div class="cnt active">
<h5><b>Карта форума</b></h5>
<center><br><a href="http://smsc.rolka.su/viewtopic.php?id=8">Сюжет</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=7">Роли</a> <br>
<a href="http://smsc.rolka.su/viewtopic.php?id=14">Правила</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=3">FAQ по миру</a> <br>
<a href="http://smsc.rolka.su/viewtopic.php?id=15">Руководство по выживанию</a><br>
<br>
<h5><b>Дополнительно к сюжету</b></h5>
<br><a href="http://smsc.rolka.su/viewtopic.php?id=44">О Земле</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=10">О магии</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=9">Об Альянсе Планет</a><br>
<a href="http://smsc.rolka.su/viewforum.php?id=23">О персонажах</a><br></center>
    </div>
    <div class="cnt">
<h5><b>Данные об игре</b></h5>
<br><b>Сейчас</b> на Земле 20 июня, вечер.<br>
<br><center><b>Жанр:</b> сёдзе, романтика, драма, мистика, экшн.<br><br>
<b>Эпизодическая</b> организация игровой зоны, <b>смешанный</b> мастеринг.<br><br>
Ролевая игра существует с <b>18 апреля 2016 года</b>.</center>
    </div>
    <div class="cnt">
<h5><b>Активные эпизоды</b></h5>
<br><center><a href="http://smsc.rolka.su/viewtopic.php?id=68">[№2] Бархатная перчатка и острый разум</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=69">[№3] Бремя той, что видит</a>
<br>
<a href="http://smsc.rolka.su/viewtopic.php?id=72">[№4] Семейная терапия</a></center>
 </div>
    <div class="cnt">
<h5><b>Друзья</b></h5>
<br><center><a href="http://futura.rusff.ru/"><img src="http://forumfiles.ru/files/0013/61/45/40209.gif" title="каталог аниме форумов"></a> <a href="http://coffeebreak.rusff.ru/" target="_blank"> <img src="http://sg.uploads.ru/VTmwn.png" border="0" width="88" height="31" title="Ролевой Каталог CoffeeBreak"></a> <a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="http://forumfiles.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a> <a href="http://urchoice.rolka.su/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"></a> <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="Зефир, помощь ролевым" /></a> <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/images/pr/tank.gif" border="0"></a> <a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumfiles.ru/files/000c/77/06/37431.gif" border="0" alt="COLOR FORUM"></a> <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/5ls0J.gif" border="0" alt="photoshop: Renaissance"></a> <a target="_blank" href="http://www.misteria7.com/" title="Мистерия ждет Вас!"><img src="http://i84.servimg.com/u/f84/17/26/24/34/69057110.gif" border="0"></a> <a href="http://newsailormoon.rusff.ru/" target="_blank"><img src="http://s2.uploads.ru/xHnk4.png" alt="Сейлор Мун: Новая фаза Луны"/></a> <a href="http://smworld.hutt.ru/"><img src="http://s0.uploads.ru/cPGbR.gif" title="Сейлор Мун: Мир после Академии"></a> <a href="http://pmoe.rusff.ru/" alt="Planetary Moe" title="Planetary Moe" target=_blank> <img src="http://imgs.su/tmp/2014-03-25/1395757387-711.jpg" border="0" ></a> <a href="http://guardiansofharmony.ru/" target="_blank"><img src="http://se.uploads.ru/Jo41U.gif" title="Sailor Moon: Guardians of Harmony" border="0" width="88" height="31"></a> <a href="http://dalibertas.rusff.ru/" title="Dragon Age: Libertas" target="blank"><img src="http://funkyimg.com/i/25cgm.png"/></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></center>
</div>
</div>
 <div class="cnt-a" id="Up03">
<center><b>Доброго времени суток дорогие друзья!</b></center><br>
С радостью сообщаем, что нам скоро <b>исполнится 3 месяца</b>. Мы пробыли на плаву уже достаточно долго и этим стоит гордиться просто потому, что верим, надеемся и продолжаем активно развивать форум и его идею. На данном этапе у нас <b>5 сюжетных эпизодов</b>, два из которых уже завершены. Это не так много, но начало положено.  А пока мы с нетерпением <u>ждём нашего дорогого принца и его лучших друзей - лордов</u> в гости на горячий кофе и, лучше бы им поторопится, а то их бравый товарищ <b>Кунсайт</b> совсем без работы останется. ^__^ 
<br>
<br>
Приветствуем на форуме нашего нового игрока - <b>Sailor Jupiter</b>. Безграничного вдохновения тебе, чудесная и прекрасного настроения на каждый день. Добро пожаловать в нашу дружную семью ^___^  
  </div>
<!-- Нижние секции -->
  <div class="cnt-a" id="Btm01">
<!-- АДМИНЫ -->
     <div class=image>
<img src=http://funkyimg.com/i/28rXN.png>
<pre>
<b>Artemis</b>
Сюжетный мастер
</pre>
     </div>
     <div class=image>
<img src=http://funkyimg.com/i/28rXM.png>
<pre>
<b>Luna</b>
Технический мастер, 
графист
</pre>
     </div>
<!--//Конец АДМИНЫ//-->
  </div>
  <div class="cnt-a" id="Btm03">
<!-- РОЗЫСК -->
     <div class=image>
<img src=http://funkyimg.com/i/29JuY.png>
<pre>
Принц Эндимион
</pre>
     </div>
     <div class=image>
<img src=http://funkyimg.com/i/29JuW.png>
<pre>
Лорд Нефрит
</pre>
     </div>
     <div class=image>
<img src=http://funkyimg.com/i/29JuT.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>

0

26

Ms. Juliet
Добавьте синим(Данные впишите свои)

<!-- Нижние секции -->
  <div class="cnt-a" id="Btm01">
<!-- АДМИНЫ -->
     <div class=image>
<img src=http://funkyimg.com/i/28rXN.png>
<pre>
<b>Artemis</b>
Сюжетный мастер
</pre>
     </div>
     <div class=image>
<img src=http://funkyimg.com/i/28rXM.png>
<pre>
<b>Luna</b>
Технический мастер,
графист
</pre>
     </div>
     <div class=image>
<img src=Аватарчик>
<pre>
<b>Ник</b>
Описание
</pre>
     </div>

<!--//Конец АДМИНЫ//-->
  </div>

0

27

Ms. Juliet
После комментария <!-- АДМИНЫ -->
Добавляете энто:

<div class=image>
<img src=http://funkyimg.com/i/28rXN.png>
<pre>
<b>Artemis</b>
Сюжетный мастер
</pre>
</div>

Красное меняете на Своё

0

28

Deff
:glasses: Одновременно ответили

0

29

Alex_63
Deff
Спасибо большое ^^

+2

30

Здравствуйте! Есть два вопроса,
первый:
"Загрузить изображение", "Дополнительно" и другие всплывающие функции окна текста не имеют под собой фона, только ссылки/кнопки на фоне форума, очень неудобно, особенно когда в окне присутствует текст, и хотелось бы исправить, чтоб было более читаемо. Как это можно сделать?

пример

https://pp.vk.me/c633630/v633630650/40ec0/vBOJPxmJwW0.jpg

Второй:
хотелось бы сделать переключение дизайна с основного на вариант вообще без изображений, чтоб быстрее прогружалось.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Понимаю, что это должно быть на основе этого скрипта, но не знаю, как осуществить.
Помогите, пожалуйста.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

31

решено

Отредактировано exodius (Ср, 20 Июл 2016 13:27:54)

0

32

Trufannat
1. Типовые Вопросы п.п.63
2. В скрипт переключения стилей по Вашей ссылке нун добавить стиль без картинок, собственно проблемы не вижу ...
Выберите из стандартных, скажите какой, я помогу вставить

0

33

ссылка
здравствуйте.
в хтмл-верх стоит скрипт, с которым при наведении на определенный участок появляется необходимая информация.
это гербы факультетов (там выделен только один), вот скрин http://funkyimg.com/i/2emXQ.png
мне нужно, чтобы при наведении на один из гербов, тот становился ярче, чем предыдущие, а также высвечивался на них текст (баллы). но пока не получается это сделать, и я не могу понять, почему.

0

34

exodius
1. Добавьте сюда картинки для остальных трех гербов, отпишитесь

<!-- гербы -->
<div style="height:60px; width:70px; top:148px;margin-left: 40px; position:absolute; z-index:100; overflow: auto; color: #483724; font-size: 12px;">
<div class="renoheaderhover"><div class="renoheadercontent">
<img src="http://funkyimg.com/i/2emVr.png">
<!--сюда добавить для остальных-->
</div></div></div>

0

35

Alex_63
готово

Код:
<!-- гербы -->
<div style="height:60px; width:70px; top:148px;margin-left: 40px; position:absolute; z-index:100; overflow: auto; color: #483724; font-size: 12px;">
<div class="renoheaderhover"><div class="renoheadercontent">
<img src="http://funkyimg.com/i/2emVr.png">
<img src="http://funkyimg.com/i/2en16.png">
<img src="http://funkyimg.com/i/2en17.png">
<img src="http://funkyimg.com/i/2en18.png">
</div></div></div>

0

36

Подскажите, пожалуйста, каким скриптом поставить футер, чтобы он был не на стандартном месте для футера, а в самом низу форума, ниже основного фона (короче, как шапка оформлена, только футер- со сходим положением). Форум, соответственно, должен приподняться на размер футера.

ссылка на сам форум

тыц

Хороший пример с другого форума

тыц

0

37

Kamia Kitoho
Дайте ссылку на картинку, которую нун вставить в футер

0

38

exodius
Ни наю - пока не смог подогнать, мож к вечеру сделаю

0

39

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

Kamia Kitoho
Дайте ссылку на картинку, которую нун вставить в футер

Конечно

ссылка на футер

http://forumfiles.ru/files/0017/ab/bf/95636.jpg

Отредактировано Kamia Kitoho (Ср, 20 Июл 2016 13:51:13)

0

40

Kamia Kitoho
В Конец второго окна Стилей

#pun_wrap{
  background:url(http://co.forum4.ru/files/0017/ab/bf/95636.jpg) bottom center no-repeat;
  padding-bottom:105px;
}

0


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