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

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

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


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


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

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

981

малькольм,

малькольм написал(а):

и вот такой такой еще вопрос, правда не знаю, оказываете ли вы и в этом помощь. не подскажите, как сделать объявление, как здесь?
http://globaldose.ru/ не именно с таблицами там и прочее, а сами кнопочки, чтобы при нажатии переключалась информация.
заранее спасибо.

Именно такие кнопочки - переключатель вкладок - написаны Rion Leonheart'ом. Сам код для всеобщего пользования он не выставлял, хотя, естественно, постил его для заказчиков таблиц неоднократно. В теме "Таблицы на заказ" эти коды есть, но я бы не стал их брать без спросу (в отличие от тех, что выложены в темах "Скрипты от пользователей" или отдельных - каждый топик под отдельный скрипт). Есть аналоги, найти которые вы сможете в Каталоге скриптов/CSS в спойлере "Меню".

малькольм написал(а):

подскажите, пожалуйста, что нужно поменять, чтобы вот это было выделено жирным?

Вам только верхнюю строку пути видоизменить нужно или и нижнюю тоже? Есть только верхнюю, то берете только синий селектор. Если и верхнюю, и нижнюю, тогда оставляете оба:

#pun-crumbs1 .container, #pun-crumbs2 .container {
    text-align: center;
    font-weight: bold;
}

Оба этих селектора  должны быть у вас в окне Структуры. Можете дописать выделенное красным свойство к уже существующим. Нет - тогда оборачиваете код в теги стиля <style type="text/css"></style> и ставите в html-верх.

0

982

малькольм написал(а):

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

Добавьте в этот код:

#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}

font-weight: bold; Также можно насыщенность менять: http://htmlbook.ru/css/font-weight

0

983

Подскажите, пожалуйста, как можно добавить сайт http://coub.com в список встраиваемых видеороликов?

http://s5.uploads.ru/zDcBu.jpg

0

984

Remus John Lupin написал(а):

Именно такие кнопочки - переключатель вкладок - написаны Rion Leonheart'ом. Сам код для всеобщего пользования он не выставлял, хотя, естественно, постил его для заказчиков таблиц неоднократно. В теме "Таблицы на заказ" эти коды есть, но я бы не стал их брать без спросу (в отличие от тех, что выложены в темах "Скрипты от пользователей" или отдельных - каждый топик под отдельный скрипт). Есть аналоги, найти которые вы сможете в Каталоге скриптов/CSS в спойлере "Меню".

спасибо. брать, конечно, без спроса не хочу. воспользуюсь аналогом с переключающимися вкладками от Deff.

kolobdur74 и Remus John Lupin, спасибо вам за помощь)

Отредактировано малькольм (Вт, 27 Авг 2013 10:18:07)

0

985

не подскажите, как строку с "новые сообщения", "Активные темы" и прочим сместить в центр?

и вот еще какая проблема, взгляните, пожалуйста.
взяла код для таблицы вот отсюда. Скрипты от пользователей 3 все проставила, осталось только заполнить саму таблицу. но сместился низ/копирайт. сама боюсь лезть менять что-то. как это можно поправить, чтобы и таблица осталась? и еще куда-то делись все категории.
http://testrutiitoy.rusff.ru/

Отредактировано малькольм (Вт, 27 Авг 2013 10:27:34)

0

986

малькольм,

малькольм написал(а):

не подскажите, как строку с "новые сообщения", "Активные темы" и прочим сместить в центр?

Администрирование - Свой стиль - Структура стиля или Цвета стиля. Слева ваши коды. Справа те, что должны быть:

#pun-ulinks .container {
    text-align: center;
    position: absolute;
    top: 423px;
    left: 80px;
}

Убрать целиком

#pun-announcement .container {
    padding: 4.3em 1em 1em;
}

#pun-announcement .container {
    padding: 2.3em 1em 1em;
}

#pun-navlinks .container {
    text-align: center;
    position: absolute;
    background-image: url("");
    z-index: 1000;
    top: 380px;
    left: 110px;
}

Убрать совсем

#pun-title table {
    background-image: url("http://s5.uploads.ru/kDcKs.png");
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: -169px;
    border: medium none;
    height: 454px;
    width: 1300px;
}

#pun-title table {
    background-image: url("http://s5.uploads.ru/kDcKs.png");
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: -169px;
    border: medium none;
    height: 384px;
    width: 1300px;
}

малькольм написал(а):

но сместился низ/копирайт.

#pun-about p.container {
    background-image: url("http://s5.uploads.ru/u0acQ.png");
    background-position: center topbottom;
    background-repeat: no-repeat;
    height: 146px;
    width: 1300px;
    margin-left: -181-193px;
    margin-bottom: -5px;
}

Меняем красное на синее и добавляем зеленое

С категориями чуть позже

0

987

Remus John Lupin написал(а):

Именно такие кнопочки - переключатель вкладок - написаны Rion Leonheart'ом. Сам код для всеобщего пользования он не выставлял, хотя, естественно, постил его для заказчиков таблиц неоднократно. В теме "Таблицы на заказ" эти коды есть, но я бы не стал их брать без спросу

Коды таблицы используемой Rion Leonheart неоднократно выкладывались и в таблицах и в иных топиках,
Таблица с переключаемыми вскладками родилась изначально rps'oм в теме Выпадающее меню для форума

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

Начало положил rps, => Выпадающее меню для форума , но при клике скроллировалась страница в начало, - я поменял скрипт на jQuery, потом тестировал Кофеман  меняли еще несколько раз

(*Ващет они создавались как более простой Вариант вкладок, чем те на которые ссылаются в Первом посте, есть три или четыре Варианта оформления - сверху, с боку, и разный стиль движений появления исчезновения.

Вот несколько Вариантов http://forumdts.org/viewtopic.php?id=2385#p77446

Отредактировано Deff (Вт, 27 Авг 2013 12:26:40)

0

988

Deff, пардон. Значит, не нашел истинных истоков. Их тогда тоже надо внести в каталог, раз они общедоступны.

0

989

Remus John Lupin, спасибо огромное за помощь)
там еще, я увидела, название форума пропало. и когда переходишь в темы, названия тем тоже нет, как-то вот так:
http://s5.uploads.ru/zLtno.png
и появились просто две точки на их местах, ни ссылок, ничего. снизу тоже самое

0

990

Remus John Lupin написал(а):

Deff, пардон. Значит, не нашел истинных истоков. Их тогда тоже надо внести в каталог, раз они общедоступны

Ну собственно данная табла более удобна, по топику таблиц есть разные дополнения к ней,
таблица с бекграундом к каждой вкладке - писалась под заказ под произвольный внешний вид таблицы,
Ну если таблу с переключаемыми вкладками сравнить с ППШ , то  таблица с бекграундом некая снайперская винтовка стреляющая по хитро прорисованным кнопкам(их можно произвольно позиционировать, вставляя style="margin:XXpx XXpx XXpx XXpx;width:XXpx;height:XXpx" и явно проставляя размеры каждой кнопки)

Отредактировано Deff (Вт, 27 Авг 2013 12:44:24)

0

991

малькольм, уберите абсолютно все из html-верха и низа в какую-нибудь тему на форуме. Поставьте коды таблицы в объявление (на всякий случай я вам их дублирую)

Коды

html-верх

Код:
<style type="text/css">
/****************************************
   Таблица с переключаемыми Вкладками
****************************************/
#tab2,#tab2*{
  paddibg:0;
  margin:0;
}
#tab2 {
  background:transparent url(http://s5.uploads.ru/WvcMp.png) 0 0 no-repeat;
  height:186px;
  width:790px;
}
#tab2,#tab2 td{
  border:none 0 transparent!important;
  border-collapse:collapse;
}
img[data^="tab"]{
  cursor:pointer;
  height:100%;
  border:none 0 transparent!important;
}
.tab-content {
  display:none;
  width:100%;
  height:186px;
  color:#00000;
  overflow-y:auto;
}
</style>
<script type="text/javascript">
$.fn.switch_tabs = function() {
  var tbl = this,knopK = $("img[data^='tab']",tbl);
  knopK.each(function(){
    var arr = $(this).attr('data').split(",");
    $(this).css("background-image","url("+arr[1]+")")
  }); knopK.css("background-position","120% 10000px")
      knopK.css("background-repeat","no-repeat")
  knopK.click(function(){
    knopK.removeClass('active');
    $(this).addClass('active');
    var arr = $(this).attr('data').split(",");
    tbl.css("background-image","url("+arr[1]+")")
    $(".tab-content",tbl).hide();
    $("#"+arr[0]+"",tbl).show();
  });
}
</script>

Объявление

Код:
<div align=center>
   <table id="tab2" class="tbl-0" border="0">
      <tr>
         <td class="butt" valign=center height=40>   <!-- Секция кнопок -->
<img width="195" data="tab-1,http://s5.uploads.ru/WvcMp.png"  src="/i/blank.gif" class="active"/>
<img width="238" data="tab-2,http://s4.uploads.ru/gfp4P.png"  src="/i/blank.gif"/>
<img width="135" data="tab-3,http://s5.uploads.ru/WpNb3.png"  src="/i/blank.gif"/>
<img width="200" data="tab-4,http://s4.uploads.ru/Ljlst.png"  src="/i/blank.gif"/>
         </td>
      </tr>
      <tr>
      <td  class="content" align=center>
<!-- Контейнер контента 1-й кнопки -->
         <div id="tab-1" class="tab-content"  style="display:block;">
            <table layout=fixed width=100%>
               <tr>
                  <td><br><br><br>
                     <center>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=5#p5"><b>● СЮЖЕТ</b></a>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=8#p8"><b>● СПИСОК ПЕРСОНАЖЕЙ</b></a>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=6#p6"><b>● ПРАВИЛА</b></a>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=7#p7"><b>● ЗАНЯТЫЕ ВНЕШНОСТИ</b></a>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=50#p287"><b>● КАРТА ФОРУМА</b></a>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=3#p3"><b>● FAQ</b></a>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=16#p19"><b>● ШАБЛОН АНКЕТЫ</b></a>
<a href="http://parabellum1997.rusff.ru/viewtopic.php?id=51#p318"><b>● ОБЪЯВЛЕНИЯ АМС</b></a>
                     </center><br>
● Эта история покорила нас. Пальцами по корешкам книг, втягивая запах новых страниц и разливаясь приятным теплом и искрами в нашем теле. Эта история о добре и зле, о любви и ненависти. И, в конце концов, эта история о выборе. Приветствуем тебя, дорогой друг. Сегодня тебе выпал шанс погрузиться вместе с нами в события, которые принесут в твою жизнь краски и новые эмоции. Ты окунешься в мир, в котором нет места предрассудкам; в мир, в котором волшебство готово вот-вот вырваться наружу, вызывая незабываемые впечатления. Добро пожаловать к нам на <b>Para Bellum</b>, на ролевой проект, посвященный миру магии Дж. Роулинг.
                  </td>
                  <td><br><br><br>
                     <center>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17724' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=17724&cid=counter2007_20.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=17724&cid=counter2007_20.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px">
</noscript>
</a> <!-- Top.Roleplay.Ru -->

<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21255&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21255' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x3.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript><img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21255' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21255' target='_top'><img src='http://img.rpgtop.su/88x31x11x3.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
                     </center><br>
                  </td>
                  <td><br><br>
                     <center>
<img src="http://s4.uploads.ru/y2Y68.png" border="0" /><br>
                     </center>
                     <center>
<a href="http://parabellum1997.rusff.ru/profile.php?id=2" title="Амикус"> <img src="http://s5.uploads.ru/Yy4Hi.png" alt=""></a>
                     </center>
                  </td>
               </tr>
            </table><br><br>
         </div>
<!-- Контейнер контента 2-й кнопки -->
   <div id="tab-2" class="tab-content"> 
      <table layout=fixed width=100%>
         <tr>
            <td><br><br><br>
● <b>Игровая неделя:</b> 1 сентября (суббота) - 12 сентября (понедельник)
<br>
● <b>Погода:</b> осень совсем недавно вступила в свои владения, но лето все никак не желает прощаться. Улицу освещает теплое солнце, лучи которого задевают верхушки запретного леса и ложатся на гладь черного озера, даря великолепные виды для всех учеников и преподавателей. В Лондоне осень, напоминая о своих правах, наводит тучи, сквозь которые пытаются пробиться лучи солнца. Не смотря на всю мрачность мира, погода, словно, не желая соответствовать происходящему, радует тех, кто еще не разучился радоваться. 
            </td>
            <td>
               <center>
<img src="http://s4.uploads.ru/s0WI6.png" border="0" /><br>
???
               </center>

         </tr>
      </table>
   </div>
<!-- Контейнер контента 3-й кнопки -->
   <div id="tab-3" class="tab-content">
Контент 3-й кнопки
   </div>
<!-- Контейнер контента 4-й кнопки -->
   <div id="tab-4" class="tab-content">
<a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a> <a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a> <a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a> <a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a> <a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a> <a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a> <a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a> 
<marquee><a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a><a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a><a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a><a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a><a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a><a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a><a target="_blank" href="http://parabellum1997.rusff.ru/"><img src="http://s5.uploads.ru/8eboh.gif" ></a></marquee>
   </div>
            </td>
         </tr>
      </table><script>$("#tab2").switch_tabs()</script><!--//End/-switch Tabs -->
   </div>

А затем по одному ставьте коды из верха, сохраняйте и смотрите, когда случится пропажа. Восстановите все в верх, беритесь за низ и проверяйте точно так же.
У меня на тестовом ваш дизайн, ваша таблица и ваши картинки в категориях сосуществуют очень мирно http://hmp.mybb.ru/ Так что дело не в объявлении.

0

992

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

Ну собственно данная табла более удобна, по топику таблиц есть разные дополнения к ней,

Как раз и хочу все их из топика перешшшшупать, чтобы отобрать толковое и всунуть в каталог. Та, что с беком в каждой вкладке да, это все равно что стрелять из пушки по воробьям. Ее возможности не используются или совсем или почти совсем (как я ее использовал). Спасибо за наводку, если удастся, сегодня повыбираю.

0

993

Remus John Lupin, все убрала из html и верха и низа. оставила только в объявление таблицу и код для нее же в html-верх, как вы и сказали. и ничего даже вставлять по кусочкам не пришлось - потому что категории так и не появились.  и нет названия форума http://s5.uploads.ru/zLtno.png . там какие-то точки две появились, на месте ссылок на тему и главную страницу.
убрать попробовала полностью объявление - не трогая даже часть, которая в html-верх  нужна, категории и названия появились. сейчас вот никаких кодов нет на форуме в html, кроме объявления всего.
http://testrutiitoy.rusff.ru/

Отредактировано малькольм (Вт, 27 Авг 2013 13:21:50)

0

994

малькольм, вы код для объявления брали тот, что я вам привел сообщением выше или оставляли свой? Если свой - попробуйте поменять его на мой.

0

995

Отредактировано Deff (Вт, 27 Авг 2013 14:39:11)

+1

996

Remus John Lupin, я подумала, они просто продублированы и не отличаются от тех, что там стояли на данный момент. я поставила ваш, и все вернулось. спасибо вам огромное за помощь, что бы я делала, если бы не вы)

0

997

Deff, да, уже заменила все. спасибо большое.

0

998

малькольм, я бы вам советовал убрать хотя бы один перенос строки, чтобы не было прокрутки, пока текста у вас в первой вкладке столько, сколько сейчас:

<!-- Контейнер контента 1-й кнопки -->
<div id="tab-1" class="tab-content"  style="display:block;">
<table layout=fixed width=100%>
<tr>
<td><br><br><br>

Сейчас у вас три пустые строки перед ссылками ● СЮЖЕТ ● СПИСОК ПЕРСОНАЖЕЙ... Лучше бы оставить две пустых или даже одну. Смотрелось бы эстетичней.

Отредактировано Remus John Lupin (Вт, 27 Авг 2013 13:42:12)

0

999

Remus John Lupin, убрала все две, действительно лучше смотрится. спасибо большое)
я даже вам хоть тот же плюс поставить не могу за ответы, почему-то, к сожалению

0

1000

малькольм, не за что :-)
Я вас уже замучил, наверное, но...
Во второй ячейке - с баннерами ТОПов, и в третьей - с администрацией, та же лабуда с лишними пустыми строками. Все же хочется убрать у вас там прокрутку, пока в ней нет необходимости:

<td><br><br><br>
                     <center>
<a title="Каталог фэнтези сайтов Палантир"

</td>
                  <td><br><br>
                     <center>
<img src="http://s4.uploads.ru/y2Y68.png" border="0" /><br>

0


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