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

Страница: « 1 … 32 33 34 35 36 … 51 »

Тема закрыта

Сообщений 661 страница 680 из 1001

Поделиться1Пт, 10 Фев 2017 19:19:42

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7199
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

Предыдущая тема: Общие вопросы по оформлению (61)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

ВКонтакте alex__63

Поделиться661Ср, 24 Май 2017 13:05:17

Автор: Хранитель
Заслуженный
Зарегистрирован: Пн, 25 Мар 2013
Сообщений: 15
Уважение: 0
Позитив: +3
Последний визит:
Вт, 28 Июн 2022 14:59:30

Добра.
Форум - http://asteria.rolka.su
Есть такой код

Код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>ЛАВКА ПОДАРКОВ</title>
<script type="text/javascript">
try{self.document.location.hostname==parent.document.location.hostname&&self.window!=parent.window&&self.parent.window!=parent.parent.window&&document.write('</he'+'ad><bo'+'dy style="display:none"><plaintext>')}catch(e){}
try{if(top===self&&location.hostname.match(/^www\./))location.href=document.URL.replace(/\/\/www\./,'//')}catch(e){}
var FORUM = new Object({ set : function(prop, val){ try { eval("this."+prop+"=val"); } catch (e) {} }, get : function(prop){ try { var val = eval("this."+prop); } catch (e) { var val = undefined; } return val; }, remove : function(prop, val){ try { eval("delete this."+prop); } catch (e) {} } });

<script type="text/javascript">
var Rusff = {};
document.write('<scr'+'ipt type="text/javascript" src="http://s1.qsdb.ru/core/core.rusff.ru/build/app.js?'+(new Date().getTime())+'"></scr'+'ipt>');
//document.write('<scr'+'ipt type="text/javascript" src="http://core.rusff.ru/client/build/app.js?'+(new Date().getTime())+'"></scr'+'ipt>');
</script>

<script type="text/javascript">
function select_gift(id, image, price, points) {
  if (UserID <2) {
    return alert('Для выполнения этого действия необходимо авторизоваться.');
  }

  $('#gift_source').attr({ 'src': image });
  $('#gift_price').html(price);
  $('#send_gift').show();
  $('input[name=item_id]').val(id);
  location.href = '#send_gift';

  if (price > points) {
    $('#error_msg').show();
  }
}
</script>


<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/f/ru/rusff/rusff.live.css?6" />
<script type="text/javascript" src="http://forumstatic.ru/f/ru/rusff/rusff.live.js?14"></script>

<script type="text/javascript">
$r(function(){
  var obj = {}

  try {
    obj.data = {
      UserID: UserID,
      UserLogin: UserLogin,
      UserAvatar: UserAvatar,
      GroupID: GroupID
    };
  } catch(e) {
    obj.data = { GroupID: 3 };
  }

  rusffLive.init(obj);
});
</script>

<script type="text/javascript">
/*if( GroupID == 1 ) {
  $r('#admin_msg1').show();
}*/
</script>

<div id="mybb-counter" style="display:none">
<script type="text/javascript"><!--
new Image().src = "http://counter.yadro.ru/hit;ruhelp?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape('PARTNER_PAGE_2238')+";"+Math.random();
new Image().src = "http://ellard.rusff.ru/vc?1578225;"+Math.random();//--></script>
</div>

<div id="html-header">
	<script type="text/javascript">
rusffLive.enable = false;
</script>
<style type="text/css">
.banners {
    margin-left: 294px;
    width: 263px;
    }

<div id="pun-break1" class="divider"><hr /></div>

<div id="pun-crumbs1" class="section">
	<p class="container crumbs"><strong>Вы здесь</strong> » <a href="http://ellard.rusff.ru/">Аэлар</a> » ЛАВКА ПОДАРКОВ</p>
</div>
<style type="text/css">
.pages div.container {overflow:hidden}

#Btm01 {
  overflow:visible!important;
  height:67px;
  top: 294px;
  left:30px;
}
</style>
<div id="pun-main" class="main pages">
	<div class="section">
<h1><span>ЛАВКА ПОДАРКОВ</span></h1>
<div class="container">
<center><table style="width: 98%;" background="http://s7.uploads.ru/16HNm.png">
<tbody>
<tr>
<td><p style="text-align: center;"><span style="color: #63482e;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><i><b>Странствующий торговец.</b><br>Он появляется в разных точках мира <br>и предлагает свои диковинные подарки, <br>за скромную сумму и милую улыбку в ответ. </i></span></span></span></p><br />
<img src="http://s6.uploads.ru/hW89R.png" />
 </td>
<td style="text-align: justify;">
<h3 style="text-align: center;"><span style="color: #372009;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>ДОБРО ПОЖАЛОВАТЬ, ПОКУПАТЕЛЬ!</strong></span></span></span></h3>
<br />
<p style="text-align: center;"><span style="color: #63482e;"><span style="font-family:Book Antiqua"><span style="font-size:16px;"><i><b>„ Если Вы оказались здесь, значит, Вы желаете порадовать кого-то дельной вещицей или приятной безделушкой. Хочу Вам сказать, что Вы сделали правильный выбор, обратившись ко мне: ни у кого нет такого богатого ассортимента! Вы можете сами в этом убедиться, хорошенько рассмотрев, сколько всего занимательного есть в моих закромах. С вас я много не потребую. Я вижу, что вы достойный представитель своей расы. Позвольте предложить вам мои услуги. “</b></i></span></span></span></p> 
</td>
</tr>
<tr>
<td><br />
<p style="text-align: center;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><span style="color: #372009;"><strong>КАК ЗАРАБОТАТЬ НА ПОДАРОК?</strong></span></span></span></p>
<br />
<p style="text-align: center;">
Золотишко можно заработать очень просто. Голосуйте в топах форума и еженедельно получайте награду. В воскресенье, проголосовавшим на счёт будет зачисляться определённое количество монет. Список заработанного добра - (ссылка на тему с покупкой, в первом посте сделать список проголосовавших и начислять туда золото)</p>
</td>
<td><br />
<p style="text-align: center;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><span style="color: #372009;"><strong>КАК ОФОРМИТЬ ПОДАРОК?</strong></span></span></span></p>
<br />
<p style="text-align: center;">Как только Вы набрали необходимое число золотых монет и выбрали интересный для вас подарок, Вам нужно обратиться в - <a href="viewtopic.php?id=411#p4647" target="_blank">данную тему</a> - и заполнить указанный там шаблон.<br /><br /> </p>
</td>
</tr>
<tr>
<td colspan="2"><br /><br />
<h3 style="text-align: center;"><span style="color: #372009;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>САМОЕ ВРЕМЯ ПРИСТУПИТЬ К ВЫБОРУ ПОДАРКА!</strong></span></span></span></h3>
</td>
</tr>
</tbody>
</table></center>
<p><br /><br /></p>
<h2 style="text-align: center;">Достижения</h2>
<table>
<tbody>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>За регистрацию на форуме</strong></span></span></span><br /><br /> <img src="http://s1.uploads.ru/aRphe.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Каноничность!</strong></span></span></span><br /><br /> <img src="http://sg.uploads.ru/eOohA.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Создатель мира!</strong></span></span></span><br /><br /> <img src="http://sd.uploads.ru/72ewK.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>За помощь форуму!</strong></span></span></span><br /><br /> <img src="http://sa.uploads.ru/vSzit.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Неутомимый <br>эпизод более 50 постов</strong></span></span></span><br /><br /> <img src="http://sd.uploads.ru/HvxON.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Зло Мира сего</strong></span></span></span><br /><br /> <img src="http://s7.uploads.ru/ysxHt.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Герой Мира</strong></span></span></span><br /><br /> <img src="http://s9.uploads.ru/VtNOA.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Друг народов</strong></span></span></span><br /><br /> <img src="http://sa.uploads.ru/Ccqkv.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Король!</strong></span></span></span><br /><br /> <img src="http://s7.uploads.ru/egsSq.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Обладатель артефакта</strong></span></span></span><br /><br /> <img src="http://sd.uploads.ru/e01LC.png" /></center>
</td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<h2 style="text-align: center;">ПОДАРКИ</h2>
<table>
<tbody><div class="cnt-a" id="Btm01">
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>Родная земля</strong></span></span></span><br /><br /> <img src="http://s8.uploads.ru/ITdOY.png" /> <br>
 <div style="position:relative;display:inline-block">
<img src="http://sg.uploads.ru/QvUDX.png" onclick="$(this).next().toggle()"/>
<div style="background:#EFA30B;border-radius:6px;padding:8px;text-align:left;position:relative;displaynon;width:300px;margin-left:10px;left:0%">
[b]1.[/b] [img]http://s0.uploads.ru/Y9zp8.png[/img]
[b]2. Имя получателя[/b]: ----
[b]3. Пожелание:[/b] ---
</div></div>
</center>
</td>
<td>
 ......
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 4</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/Nip5n.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 5</strong></span></span></span><br /><br /> <img src="http://sa.uploads.ru/ZIXWj.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 6</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/q8Jgv.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 7</strong></span></span></span><br /><br /> <img src="http://s7.uploads.ru/mqz3d.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 8</strong></span></span></span><br /><br /> <img src="http://sg.uploads.ru/8KXqb.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 9</strong></span></span></span><br /><br /> <img src="http://se.uploads.ru/NpYnL.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 10</strong></span></span></span><br /><br /> <img src="http://s5.uploads.ru/tNHBn.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 11</strong></span></span></span><br /><br /> <img src="http://s5.uploads.ru/DYflC.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 12</strong></span></span></span><br /><br /> <img src="http://s7.uploads.ru/FtJZ6.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 13</strong></span></span></span><br /><br /> <img src="http://se.uploads.ru/6tfVv.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 14</strong></span></span></span><br /><br /> <img src="http://s1.uploads.ru/D1LNr.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 15</strong></span></span></span><br /><br /> <img src="http://sf.uploads.ru/Ex9TD.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 16</strong></span></span></span><br /><br /> <img src="http://se.uploads.ru/medIu.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 17</strong></span></span></span><br /><br /> <img src="http://sh.uploads.ru/8MqJS.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 18</strong></span></span></span><br /><br /> <img src="http://s8.uploads.ru/Z0qlx.png" /></center>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
</tbody>
</table>
<h2 style="text-align: center;">ЕДА</h2>
<table>
<tbody>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 1</strong></span></span></span><br /><br /> <img src="http://s5.uploads.ru/Thwi6.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 2</strong></span></span></span><br /><br /> <img src="http://sd.uploads.ru/z25ys.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 3</strong></span></span></span><br /><br /> <img src="http://s3.uploads.ru/oBgw3.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 4</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/JB1mV.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 5</strong></span></span></span><br /><br /> <img src="http://s8.uploads.ru/pc2n0.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 6</strong></span></span></span><br /><br /> <img src="http://sd.uploads.ru/K9Yf6.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 6</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/wCAJm.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 7</strong></span></span></span><br /><br /> <img src="http://se.uploads.ru/nx7uK.png" /></center>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
</tbody>
</table>
<h2 style="text-align: center;">ЦВЕТЫ</h2>
<table>
<tbody>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 1</strong></span></span></span><br /><br /> <img src="http://s1.uploads.ru/gVjRY.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 2</strong></span></span></span><br /><br /> <img src="http://sa.uploads.ru/KjXE6.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 3</strong></span></span></span><br /><br /> <img src="http://sf.uploads.ru/0iHL4.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 4</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/JYLox.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 5</strong></span></span></span><br /><br /> <img src="http://s2.uploads.ru/F3CNU.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 6</strong></span></span></span><br /><br /> <img src="http://s3.uploads.ru/OKuUt.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 7</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/QRFUP.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 8</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/dfXjx.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 9</strong></span></span></span><br /><br /> <img src="http://sf.uploads.ru/2qBJD.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 10</strong></span></span></span><br /><br /> <img src="http://sg.uploads.ru/bpFOj.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 11</strong></span></span></span><br /><br /> <img src="http://sg.uploads.ru/b7nqf.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 12</strong></span></span></span><br /><br /> <img src="http://s8.uploads.ru/yrv14.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 13</strong></span></span></span><br /><br /> <img src="http://se.uploads.ru/TwC8F.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 14</strong></span></span></span><br /><br /> <img src="http://s2.uploads.ru/ktug5.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 15</strong></span></span></span><br /><br /> <img src="http://sg.uploads.ru/Lkdv5.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 16</strong></span></span></span><br /><br /> <img src="http://sf.uploads.ru/KSvpZ.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 17</strong></span></span></span><br /><br /> <img src="http://s2.uploads.ru/NVpfA.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 18</strong></span></span></span><br /><br /> <img src="http://s5.uploads.ru/lM06X.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 19</strong></span></span></span><br /><br /> <img src="http://s2.uploads.ru/Voscz.png" /></center>
</td>
<td>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
</tbody>
</table>
<h2 style="text-align: center;">ЖИВОТНЫЕ</h2>
<table>
<tbody>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 1</strong></span></span></span><br /><br /> <img src="http://s9.uploads.ru/iTdaw.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 2</strong></span></span></span><br /><br /> <img src="http://s9.uploads.ru/wksJR.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 3</strong></span></span></span><br /><br /> <img src="http://s1.uploads.ru/ZRgaB.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 4</strong></span></span></span><br /><br /> <img src="http://sh.uploads.ru/RCrST.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 5</strong></span></span></span><br /><br /> <img src="http://s7.uploads.ru/YVZ2H.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 6</strong></span></span></span><br /><br /> <img src="http://sf.uploads.ru/OUXB9.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 7</strong></span></span></span><br /><br /> <img src="http://sg.uploads.ru/1VqLv.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 8</strong></span></span></span><br /><br /> <img src="http://sh.uploads.ru/Rzw9r.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
</tbody>
</table>
<h2 style="text-align: center;">ПРОЧЕЕ</h2>
<table>
<tbody>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 1</strong></span></span></span><br /><br /> <img src="http://s4.uploads.ru/2Ii4o.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 2</strong></span></span></span><br /><br /> <img src="http://sd.uploads.ru/XGiEv.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 3</strong></span></span></span><br /><br /> <img src="http://s3.uploads.ru/XG0bw.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 4</strong></span></span></span><br /><br /> <img src="http://s0.uploads.ru/bP3Hq.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 5</strong></span></span></span><br /><br /> <img src="http://s5.uploads.ru/Oh3E5.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
<tr>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 6</strong></span></span></span><br /><br /> <img src="http://s8.uploads.ru/ix3vH.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 7</strong></span></span></span><br /><br /> <img src="http://sd.uploads.ru/bZuCP.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 8</strong></span></span></span><br /><br /> <img src="http://sf.uploads.ru/1QP0R.png" /></center>
</td>
<td>
<center><span style="color: #0c4530;"><span style="font-family:Book Antiqua"><span style="font-size:14px;"><strong>№ 9</strong></span></span></span><br /><br /> <img src="http://s7.uploads.ru/35JKE.png" /></center>
</td>
</tr>
<tr><td colspan="5"><br /><br /><br /></td></tr>
</tbody>
</table>
</div>
	</div>
</div>
<script type="text/javascript">$(document).trigger("pun_main_ready");</script>

<!-- pun_stats -->

<!-- banner_mini_bottom -->

<!-- banner_bottom -->

<div id="pun-break3" class="divider"><hr /></div>

<div id="pun-crumbs2" class="section">
	<p class="container crumbs"><strong>Вы здесь</strong> » <a href="http://ellard.rusff.ru/">Эллард</a> » ЛАВКА ПОДАРКОВ</p>
</div>

<div id="pun-break4" class="divider"><hr /></div>

<div id="pun-about" class="section">
	<p class="container">
	</p>
</div>
<script type="text/javascript">$(document).trigger("pun_about_ready");</script>

Не могу никак впихнуть в него адекватную кнопку с выплывающим спойлером. Подскажите, как её установить. Что добавить или удалить?

Поделиться662Пт, 26 Май 2017 15:56:49

Автор: Шаолин
Заслуженный
Зарегистрирован: Сб, 10 Окт 2009
Сообщений: 293
Уважение: +3
Позитив: +34
Последний визит:
Пн, 18 Сен 2017 21:32:06

Здравствуйте! Можете подсказать оптимальные размеры (длину-ширину) картинок шапки, фона, низа и окна переадресации, чтобы при разном разрешении экранов (от телефона до самых крупных мониторов) при наличии спец.скриптов, они адекватно отображались?

Поделиться663Пт, 26 Май 2017 16:04:57

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

Шаолин
Я бы рекомендовала делать либо резиновую шапку, но тогда качество картинки будет разниться, чем больше монитор, тем хуже качество.
Или же сделать нормальный адаптиный дизайн под все разрешения экрана, иными словами - резиновый. С % отступом от краев. Прилепить шапку к body, вместе с фоном и подвалом.

body {
background: url("ссылка на картинку") repeat-x top center, /*верхний фон*/
url("ссылка на картинку") repeat-x bottom center, /*нижний фон*/
#a58356 url("ссылка на картинку") repeat; /*общий фон*/
}

В таком случае следует шапку сделать каким-то фоном, который при дублировании будет однородным. Можно добиться такого эффекта в фотошопе или поискать в интернете в категории "бесшовный фон". А на логотип форума уже собственно присобачить лого небольшое в формате png.
При включении мобильного стиля на форуме его также следует немногоотредактировать для корректного отображения форума на мобильных устроиствах. Иногда навигация может поплыть на мобильном, ну или картинка обрезаться. Для этого корректируется мобильный дизайн в медиаскринах.
@media screen and (max-width: 480px) {тут элементы мобильного стиля}

Поделиться664Пт, 26 Май 2017 16:24:28

Автор: Шаолин
Заслуженный
Зарегистрирован: Сб, 10 Окт 2009
Сообщений: 293
Уважение: +3
Позитив: +34
Последний визит:
Пн, 18 Сен 2017 21:32:06

pusheen.
Код вставлять в html-верх?

Поделиться665Пт, 26 Май 2017 16:46:21

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

Шаолин
Верстка css производится в Админке - Свой стиль. Но, если вы совсем в этих делах незнающий человек, то вам будет проще заказать дизайн у специалиста. Тут есть парочка дизайнеров, которые делают за бесплатно. Если вы полны энергии и упорства, хотите попробовать сами, то я не буду настаивать)
В html-верх лучше вставлять маловесные скрипты или файлы подгрузки, перегружать html-верх крайне не советуется, ибо тогда форум будет грузиться дольше.

Поделиться666Пт, 26 Май 2017 16:53:15

Автор: Шаолин
Заслуженный
Зарегистрирован: Сб, 10 Окт 2009
Сообщений: 293
Уважение: +3
Позитив: +34
Последний визит:
Пн, 18 Сен 2017 21:32:06

pusheen.
А можно контакты дизайнеров?

Поделиться667Пт, 26 Май 2017 17:05:31

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

Шаолин
Попробуйте написать Санкторум. Или посмотрите дизайнеров на Имеджинарте, там также есть дизайнеры, которые делают или отдают дизайны бесплатно!)
~~Я сама дизайнер, но я не делаю за бесплатно. ))~~

Поделиться668Пт, 26 Май 2017 17:11:03

Автор: Шаолин
Заслуженный
Зарегистрирован: Сб, 10 Окт 2009
Сообщений: 293
Уважение: +3
Позитив: +34
Последний визит:
Пн, 18 Сен 2017 21:32:06

А я халявы, в общем-то, не ищу, готова заплатить) Если не смогу готовый диз купить, могу я хоть рассчитывать на помощь, эквивалентной доступной мне сумме?)

Поделиться669Пт, 26 Май 2017 17:14:43

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

Шаолин
Естественно!) Если с имеджинартом не выйдет, то всегда можете постучать ко мне в ЛС на ЕТП.

Поделиться670Сб, 27 Май 2017 00:13:34

Автор: Werkot
Заслуженный
Зарегистрирован: Сб, 16 Янв 2016
Сообщений: 23
Уважение: +2
Позитив: +9
Пол: Мужской
Последний визит:
Вт, 27 Ноя 2018 11:15:06

форум: http://warpiggies.rusff.ru

Проблема в том, что доп. поле не поднимается выше "статуса", хотя в админке всё настроено

Из-за этого не удаётся нормально настроить положение доп. поля с position: absolute с боку от аватара, поскольку от длинны статуса зависит положение поля.
На mybb такой проблемы нет. На rusff вот, появилось. Вероятнее всего это конечно же криворукий я, но не могу понять в чём именно проблема.

Отредактировано Werkot (Сб, 27 Май 2017 00:16:51)

Поделиться671Сб, 27 Май 2017 00:34:21

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

На mybb такой проблемы нет. На rusff вот, появилось. Вероятнее всего это конечно же криворукий я, но не могу понять в чём именно проблема.

Не то я написал... ~~Покажите что не поднимается - на форуме не увидел доп полей..~~

Нашел у вас вот этот скрипт (в нем и есть проблема):

<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='"style="cursor:pointer;cursor:hand;width:16px;margin-top:-5px;position: absolute;margin-left: 67px;z-index:11;" />'; //153 - размер картинки по горизонтали

var ImgON="http://i5.imageban.ru/out/2017/04/09/1d20f4ad2522b5d2b3c8c1d184423855.png"; // Картинка Online;
var ImgOff="http://i4.imageban.ru/out/2017/04/09/21f722878192e71314f2e05b501fbb97.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>

Ваши допполя оборачиваются в див с классом UL, а потом вставляются ниже селекторов: .pa-author,.pa-title,.pa-avatar

Отредактировано kolobdur74 (Сб, 27 Май 2017 00:49:24)

Поделиться672Сб, 27 Май 2017 01:15:13

Автор: Werkot
Заслуженный
Зарегистрирован: Сб, 16 Янв 2016
Сообщений: 23
Уважение: +2
Позитив: +9
Пол: Мужской
Последний визит:
Вт, 27 Ноя 2018 11:15:06

kolobdur74
Большое спасибо, удалять скрипты по одному или поискать в них .UL я что-то не догадался.

Отредактировано Werkot (Сб, 27 Май 2017 01:15:33)

Поделиться673Сб, 27 Май 2017 01:20:21

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Большое спасибо, удалять скрипты по одному или поискать в них .UL я что-то не догадался.

Вообще Онлайн Офлайн картинками можно сделать без скрипта, через css, правда придется пожертвовать полем Активен и Последний визит, зато скриптов не надо, и багов меньше...

Как пример:

li.pa-online,
li.pa-last-visit {
position: relative;
}

.pa-last-visit {
height: 9px;
width: 47px;
font-size: 0;
}

.pa-online strong {
display: none;
}

li.pa-online:before {
content: "";
position: absolute;
display: inline-block;
top: 0;
left: 0;
height: 9px;
width: 45px;
background: url(Ваша ссылка на картинку Онлайн) no-repeat;
}

li.pa-last-visit:before {
content: "";
position: absolute;
display: inline-block;
top: 0;
left: 0;
height: 9px;
width: 47px;
background: url(Ваша ссылка на картинку Оффлайн) no-repeat;
}

Поля Активен и Последний визит ставим рядом... Высоту и ширину, а так же положение регулируем как надо...

Отредактировано kolobdur74 (Сб, 27 Май 2017 11:51:16)

Поделиться674Вс, 28 Май 2017 18:18:17

Автор: Jurisdiction
Стремящийся
Зарегистрирован: Вс, 28 Май 2017
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Июн 2017 21:19:29

Добрый день!
Проблема с Мобильной версией для форума. Метатеги вставлены вроде верно.
Целый день читаю тему и к ней другие по поиску. Ничего не получается, ощущение что делаю явно что-то не то.
...Или лыжи не едут.

ФОРУМ

1) Объявление никак не хочет убираться, хотя вставляю. Просто убирается все тело форума:

Код:

<style>@media screen and (max-width: 540px) {
#pun-announcement {
  display:none;
}
}</style>

2) Фон и шапка не хотят разъезжаться под мобильную версию и выглядит так:

ТЫК

Помогите люди добрые!

Отредактировано Jurisdiction (Вс, 28 Май 2017 18:18:56)

Поделиться675Вс, 28 Май 2017 22:56:32

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Фон и шапка не хотят разъезжаться под мобильную версию и выглядит так:

Использование картинок - если вы их используете для шапки, для таблиц, еще для чего то, то либо вы при маленьких разрешениях полностью убираете, либо делаете для маленьких разрешений соответственно маленькими... То же самое с размерами текста - я пока не знаю не одного варианта, который бы подстраивал - в теории является em, но на практике он все равно становится слишком большим или слишком маленьким в зависимости от разрешения - соответственно надо всегда учитывать при разработке мобильного стиля такие вещи:
1. Картинки убирать, или уменьшать их;
2. Размер шрифта всегда надо подгонять;
3. Если что то мешает (объявление, вставка, лишнее поле, столбец на главной) лучше вообще убрать в мобильном стиле;
4.

.punbb {
float: left;
width: 100%;
height: auto;
}

Убираем в первую очередь;
5. Отключить обязательно предустановленный мобильный стиль в настройках, иначе он полностью всё ломает. Он работает в теории нормально только на стандартных стилях, и то только в определенных моментах при определенных стилях.

Поделиться676Пн, 29 Май 2017 21:22:14

Автор: Jurisdiction
Стремящийся
Зарегистрирован: Вс, 28 Май 2017
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Июн 2017 21:19:29

kolobdur74,
1. Однозначно уменьшать при телефонном варианте, куда ж я их уберу? Это ж вся красотища.
2. А как лучше это сделать? Вообщем-то шрифт то устраивает с мобилки. o.O
3. Когда я убираю элементы...скрывается все и видно только шапку и статистику...
4. Убрано. :flirt:
5. А как это сделать? Как его выключить? Просто код убрать мобильной версии?

з.ы. - дизайн-графика делалось не мной, я только собирала, но походу криво;

Поделиться677Вт, 30 Май 2017 12:24:18

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

1. Однозначно уменьшать при телефонном варианте, куда ж я их уберу? Это ж вся красотища.

Зависит от того на какое разрешение вы минимальное рассчитываете, если до 800 пикселей, то можно попробовать оставить... Чем ниже разрешение, тем хуже будет отображаться.. А так смотреть надо, можно через онлайн аналоги телефонов.

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

2. А как лучше это сделать? Вообщем-то шрифт то устраивает с мобилки.

Если устраивает, то менять не надо..

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

3. Когда я убираю элементы...скрывается все и видно только шапку и статистику...

Это смотреть надо - так сложно сказать..

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

5. А как это сделать? Как его выключить? Просто код убрать мобильной версии?

Администрирование - Настройки - Мобильный стиль.. Галочку снять..

Поделиться678Вт, 30 Май 2017 19:31:04

Автор: hirnruine
Заслуженный
Зарегистрирован: Вт, 30 Май 2017
Сообщений: 8
Уважение: +3
Позитив: +1
Последний визит:
Вс, 20 Дек 2020 10:45:28

Доброго вечера)
Никак не могу разобраться с этим скриптом смены имиджа)
При наведении курсора на смену ника, выскакивает смена аватара, ниже - всплывает маленькая иконка с галереей (можно ли вообще её убрать? там была стандартная, я заменила на свою, чтобы вписывалась хоть по цвету х)) Остальные вообще не кликабельны получаются.
http://barrymore1.rusff.ru/

Поделиться679Ср, 31 Май 2017 20:04:44

Автор: Jurisdiction
Стремящийся
Зарегистрирован: Вс, 28 Май 2017
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Ср, 28 Июн 2017 21:19:29

kolobdur74
ладно..спасибо хоть за галочку обыскалась ее..

апдейт. помогло!!!!!!!!

Единственное как теперь растянуть мобильную версию - сбоку форума белая полоса.
Помогите пож-ста.

Отредактировано Jurisdiction (Ср, 31 Май 2017 21:10:23)

Поделиться680Ср, 31 Май 2017 22:31:06

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

hirnruine
У меня тоже так было. Зарегистрируйте пользователя, чтобы можно было видеть форму ответа и кнопку "Смены имиджа", пожалуйста.

Тема закрыта

Страница: « 1 … 32 33 34 35 36 … 51 »

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 661 страница 680 из 1001

Поделиться1Пт, 10 Фев 2017 19:19:42

Поделиться661Ср, 24 Май 2017 13:05:17

Поделиться662Пт, 26 Май 2017 15:56:49

Поделиться663Пт, 26 Май 2017 16:04:57

Поделиться664Пт, 26 Май 2017 16:24:28

Поделиться665Пт, 26 Май 2017 16:46:21

Поделиться666Пт, 26 Май 2017 16:53:15

Поделиться667Пт, 26 Май 2017 17:05:31

Поделиться668Пт, 26 Май 2017 17:11:03

Поделиться669Пт, 26 Май 2017 17:14:43

Поделиться670Сб, 27 Май 2017 00:13:34

Поделиться671Сб, 27 Май 2017 00:34:21

Поделиться672Сб, 27 Май 2017 01:15:13

Поделиться673Сб, 27 Май 2017 01:20:21

Поделиться674Вс, 28 Май 2017 18:18:17

Поделиться675Вс, 28 Май 2017 22:56:32

Поделиться676Пн, 29 Май 2017 21:22:14

Поделиться677Вт, 30 Май 2017 12:24:18

Поделиться678Вт, 30 Май 2017 19:31:04

Поделиться679Ср, 31 Май 2017 20:04:44

Поделиться680Ср, 31 Май 2017 22:31:06