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

Страница: « 1 … 9 10 11 12 13 … 50 »

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

Поделиться1Сб, 5 Апр 2014 15:43:50

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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


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

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

Поделиться201Ср, 21 Май 2014 09:17:43

Автор: ~†~Rayne~†~
Заслуженный
Зарегистрирован: Пн, 3 Авг 2009
Сообщений: 102
Уважение: +4
Позитив: +12
Последний визит:
Пн, 20 Апр 2015 09:41:55

Добрый день!

Возникло несколько вопросов по оформлению.

1. Поставила баннер рекламы над таблицей, при моём расширении экрана всё нормально, но стоит поменять расширение или свернуть окошко браузера на половину, баннер рекламы начинает прыгать в разные места.

2. Помогите пожалуйста выровнять текст, что обведён на скрине ниже, по центру полосы, а не по верхнему краю.

3. Помогите, пожалуйста, подогнать текст на страничке переадресации вот в эту рамку фоновой картники, со скрина ниже. И подскажите, пожалуйста, как сменить на этой же странице цвет самого слова "Переадресация". А то на моём фоне оно не видно.

Отредактировано ~†~Rayne~†~ (Чт, 22 Май 2014 02:09:53)

Поделиться202Ср, 21 Май 2014 12:16:14

Автор: клевер
Заслуженный
Зарегистрирован: Пт, 25 Май 2012
Сообщений: 18
Уважение: +1
Позитив: +1
Пол: Женский
Последний визит:
Вс, 9 Ноя 2014 01:26:25

Подскажите пожалуйста.
Есть поле профиля пользователей (1), его заполняют администраторы и модераторы, так как в нем идет html. Но, нужно сделать так, чтобы это незаполненное поле (совершенно пустое), вылезало сразу после регистрации пользователя (вылезало пустым, информация в нем появлялась только тогда, когда его заполняет модер).
Буду дико благодарна за помощь :flirt:

поднимаю вопрос.

Поделиться203Ср, 21 Май 2014 13:10:51

Автор: zerrona1
Заслуженный
Зарегистрирован: Сб, 10 Май 2008
Сообщений: 124
Уважение: +9
Позитив: +18
Последний визит:
Чт, 25 Сен 2014 09:49:42

Здравствуйте, у меня к вам 2 вопроса
Как убрать жирный шрифт и центровку?

Как поменять цвет шрифта?

http://loveka.newbb.ru/

Отредактировано zerrona1 (Ср, 21 Май 2014 13:12:23)

Поделиться204Ср, 21 Май 2014 15:12:05

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Data, здравствуйте.

#pun-viewtopic .post-box {
background: transparent url(ссылка_на_картинку) 0 0 no-repeat;
}

Поделиться205Ср, 21 Май 2014 15:33:38

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

vicia, доброго времени. И как вас не смущает дубль-слайдер в футере.. По порядку.

Подсказка

0. Находим первое окно стиля, блок:

/* D6 Announcement
-------------------------------------------------------------*/

Расположенные в нем 3 пункта D6.1, 6.2, 6.3 меняем на:

/* D6.1 */
#pun-announcement h2 {
display: none;
}

/* D6.2 */
#pun-announcement .container {
padding: 2em 0em 1em 0em;
}

1. Находим второе окно стиля, удаляем из него все, что расположено между отметками (см. чуть ниже), включая и эти самые отметки заодно.

/* Слайдер */
......
/* Конец слайдера */

Вместо этого добра ставим такой код:

Код:

/* Стиль слайдера */
#slideshow {
  position: relative;
  width: 884px;
  height: 300px;
  margin: 0 auto;
  line-height: 10px
  }

#slideshow #slidesContainer {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0 auto;
  background: transparent url(http://www.imageup.ru/img299/1753776/dlya-citat-skrytogo-teksta-tela-otvetv.png) center center no-repeat;
  -webkit-box-shadow: 0 0 20px #000;
   -khtml-box-shadow: 0 0 20px #000;
     -moz-box-shadow: 0 0 20px #000;
          box-shadow: 0 0 20px #000;
  border-radius: 20px
  }

#slideshow #slidesContainer .slide {
  width: 780px; 
  height: 280px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  }

#slideshow #slidesContainer .slide table td {
  text-align: center;
  vertical-align: middle;
  }

.control {
  position: absolute;
  display: block;
  width: 42px;
  height: 9px;
  text-indent: -10000px;
  cursor: pointer
  }

#leftControl {
  top: 20px;
  left: 2px;
  background: transparent url(http://s9.uploads.ru/G7XLN.png) 0 0 no-repeat;
  }

#rightControl {
  top: 20px;
  right: 0px;
  background: transparent url(http://s9.uploads.ru/BnybZ.png) right top no-repeat;
  }



/* Стиль блоков со ссылками */
.nav {margin-top: 2px} 

.nav a {
  display: block;
  width: 200px;
  margin: 2px;
  padding: 5px;
  background-color: #515cb1;
  color: #bbb;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-sise: 12px;
  font-weight: bold
  } 

.nav a:hover {
  background-color: #8b95e3;
  color: #000
  } 


/* Стиль окошек АМС при наведении на пикчу */
.tooltip {position: relative}

.tooltip em {display: none}

.tooltip:hover em {
  position: absolute;
  display: block;
  width: 120px;
  right: -3px;
  bottom: 14px;
  padding: 6px;
  background: #787eaa;
  border: 2px solid #16142f;
  border-radius: 8px;
  }

2. В настройках хтмл-верх оставляем только вот это:

<style>
.lastedit {display: none;}
</style>


<div style="position: fixed; right: 5%; bottom: 45%;">
<a href="#top" onClick="scrollTo(0,0); return false;" title="Вверх страницы"><img src="http://s8.uploads.ru/7i4gj.png" alt="Вверх страницы"/></a>
<br/>
<a href="#top" onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"><img src="http://s8.uploads.ru/pV2hG.png" alt="Вниз страницы"/></a>
</div>

3. Теперь в настройках находим хтмл-низ и убираем оттуда код дубль-слайдера, а затем ставим один единственный скрипт:

Код:

<!-- Для слайдера -->
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 800;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

4. И наконец обновляем объявление целиком:

Код:

<div id="slideshow">
 <div id="slidesContainer">
 <div class="slide">
 <!-- Контент первого слайда -->
  <table style="width: 100%; height: 230px; border: none;" cellspacing="0" cellpadding="0">
   <tr>
    <td style="width: 33%;"><img src="http://www.imageup.ru/img299/1753761/vi-nid-yu.png"></td>
    <td style="width: 34%;"><img src="http://www.imageup.ru/img299/1753760/velkom.png"></td>
    <td style="width: 33%;"><img src="http://www.imageup.ru/img299/1753766/xelp-gostyam.png"></td>
   </tr>
   <tr>
    <td>

     <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=30#p11882"><img src="http://sa.uploads.ru/1LZfu.jpg"></a> 
     <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=30#p31344"><img src="http://sa.uploads.ru/XGrVx.jpg"></a> 
     <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=30#p8463"><img src="http://sc.uploads.ru/JFmNB.jpg"></a>
      <br/><br/>
     Доброго времени суток, уважаемые гости и пользователи форума. Мы рады приветствовать вас на нашей ролевой! Все те, кто уже принят в игру, не сидите без дела, спешите найти себе партнеров и начинайте игру, либо записывайтесь в уже существующие квесты. Уважаемые гости, для полного счастья нам не хватает только вас!

    </td>

    <td>

     <a href="http://tomorrowneverdies.rusff.ru/profile.php?id=189" title="Thomas Carter"><img src="http://sc.uploads.ru/WxNyU.jpg"></a>
      <br/><br/>
     <b>Рейтинг:</b> NC-21; <b>система игры:</b> эпизодическая; 
      <br/>
     <b>в игре:</b> сентябрь-ноябрь 2009 года (5-й сезон).
      <br/><br/>
     <a href="http://top.roleplay.ru/20267" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> 
     <a href="http://forum-top.ru/vote/2697" title="Рейтинг форумов Forum-top.ru" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru"/></a>
      <br/>
     <object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="27" width="180"><param name="wmode" value="transparent"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf"/><param name="FlashVars" value="way=http://ato.su/musicbox/i/0414/fd/021653.mp3&amp;swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&amp;w=180&amp;h=27&amp;time_seconds=186&amp;autoplay=0&amp;q=&amp;skin=black&amp;volume=70&amp;comment="/></object>

    </td>

    <td> 
    <center>
     <div class="nav">
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=8">Гостевая</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=15">Правила</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=14">Сюжет</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewforum.php?id=3">Акции</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=12#p13">Внешности</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=18">Роли</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=13">Способности</a>
     </div>
    </center>
    </td>
   </tr>
  </table>
 <br/>

 <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=22&p=2#p47097"><img src="http://s9.uploads.ru/VwKHW.png"></a> 
 <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=670#p51628"><img src="http://www.imageup.ru/img62/1745026/pereklichkmi.png"></a> 
 <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=21"><img src="http://s9.uploads.ru/r5QZN.png"></a> 
 <!-- Конец первого слайда -->
 </div>

 <div class="slide">
 <!-- Контент второго слайда -->
  <table style="width: 100%; height: 280px; border: none;" cellspacing="0" cellpadding="0">
   <tr>
    <td style="width: 50%;">

     <img src="http://www.imageup.ru/img299/1753762/igrokam.png">
      <br/><br/>
     <center>
     <div class="nav">  
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=300#p14968">Гид по игре</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewforum.php?id=23">Квесты</a> 
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=24">Поиск соигроков</a> 
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=26#p27">Обсуждение игры</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=22">Новости от АМС</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=490">Объявления квестоплета</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=141#p2805">Плеер в профиль</a>
      <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=52">Подарки</a>
     </div>
     </center>
    </td>

    <td style="width: 50%;">

<a href="http://top.roleplay.ru/20267" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> 
<a href="http://forum-top.ru/vote/2697" title="Рейтинг форумов Forum-top.ru" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru"/></a>

<br/><br/><br/><br/>

<img src="http://www.imageup.ru/img299/1753764/odminz.png">
<br/><br/>
<span class="tooltip"><a href="http://tomorrowneverdies.rusff.ru/profile.php?id=8"><img src="http://s7.uploads.ru/8tiKB.jpg"></a><em><img src="http://s7.uploads.ru/4OWSZ.gif"/><b>Erin James.</b><br/>Неутомимый флудер, график и заводила ролевой, блюститель активности не только во флуде, но и в игре.</em></span>

<span class="tooltip"><a href="http://tomorrowneverdies.rusff.ru/profile.php?id=36"><img src="http://s6.uploads.ru/rsSdP.jpg"></a><em><img src="http://sa.uploads.ru/cSGVg.gif"/><b>Kylie Hawkins.</b><br/>Главный массовик-затейник в плане игры с неиссякаемой бурной фантазией.</em></span>
<br/>

<span class="tooltip"><a href="http://tomorrowneverdies.rusff.ru/profile.php?id=5"><img src="http://s7.uploads.ru/VpH1e.jpg"></a><em><img src="http://s6.uploads.ru/ER6Sg.gif"/><b>радужный кексик;</b><br/>Одаренный фотошопер, который наряжает не только игроков, но и помогает администрации в ее темных делишках.</em></span>

<span class="tooltip"><a href="http://tomorrowneverdies.rusff.ru/profile.php?id=9"><img src="http://s8.uploads.ru/sJlkm.jpg"></a><em><img src="http://s8.uploads.ru/Mkija.gif"/><b>Mary Campbell.</b><br/>Самая сексуальная библиотекарша в мире.</em></span>

<span class="tooltip"><a href="http://tomorrowneverdies.rusff.ru/profile.php?id=184"><img src="http://sa.uploads.ru/VTc5E.jpg"></a><em><img src="http://sa.uploads.ru/xQVY6.gif"/><b>Alexis Jones.</b><br/>Квестоплет с внушающим багажом разнообразных идей.</em></span>

    </td>
   </tr>
  </table>
 <!-- Конец второго слайда -->
 </div>

 <div class="slide">
 <!-- Контент третьего слайда -->
  <table style="width: 100%; height: 280px; border: none;" cellspacing="0" cellpadding="0">
   <tr>
    <td style="width: 50%;">

     <img src="http://www.imageup.ru/img299/1753759/aktivnye.png">
      <br/><br/>
     <img src="http://s8.uploads.ru/s4PNJ.png"> <img src="http://s8.uploads.ru/aGR7S.jpg"> <img src="http://s9.uploads.ru/HB28R.jpg">
      <br/><br/>
     <img src="http://s9.uploads.ru/b45fC.jpg"> <img src="http://s9.uploads.ru/jPrfJ.jpg"> <img src="http://s9.uploads.ru/rh60t.jpg">

    </td>
    <td style="width: 50%;">

     <img src="http://www.imageup.ru/img299/1753763/luchshie.png">
      <br/><br/>
     <img src="http://s9.uploads.ru/jYAZN.gif"> <img src="http://s9.uploads.ru/qJuwv.gif"> <img src="http://s8.uploads.ru/nU8fc.gif">
      <br/><br/>
     <img src="http://www.imageup.ru/img299/1753758/5-vecherov.png">
      <br/><br/>
     <a href="http://tomorrowneverdies.rusff.ru/viewtopic.php?id=650#p48770"><img src="http://s8.uploads.ru/V4po6.gif"></a>

    </td>
   </tr>
  </table>
 <!-- Конец третьего слайда -->
 </div>

  <div class="slide">
  <!-- Контент четвертого слайда --> 
   <img src="http://www.imageup.ru/img299/1753765/partnery.png">
    <br/><br/>
   <a href="http://agameofthrones.rusff.ru" target="_blank" title="Песнь льда и пламени: Игра престолов."><img src="http://forumstatic.ru/files/0012/8f/6b/48018.gif"/></a> 
   <a href="http://teenwolf.rolfor.ru/"><img src="http://s5.uploads.ru/t/Km8S5.gif" border="0" width="88" height="31" title="Teen Wolf: bloody bargain"></a> 
   <a href="http://endofhogwarts.mybb.ru/" target="_blank"><img src="http://savepic.org/4667467.gif" title="Hogwarts: the end of the world" border="0" width="88" height="31"></a> 
   <a href='http://spnfromzero.mybb.ru/' target='_blank' title='Supernatural: From zero'><img src='http://i031.radikal.ru/1310/d9/2bd61f319934.gif' border='0' width='88' height='31' alt='Supernatural: From zero'></a> 
   <a target="_blank" href="http://revidale.rusff.ru"><img src="http://funkyimg.com/i/FGLa.gif" alt="Revidale. Rise from the flames" title="Revidale. Rise from the flames"></a>  
   <a href="http://divergentvocation.rusff.ru/" target="_blank"><img src="http://s6.uploads.ru/snfkI.gif" border="0" alt="Divergent. Important fraction of blood"/></a> 
   <a href="http://mfanarutoshippuuden.mybb.ru/"><img src="http://i011.radikal.ru/1402/03/be7a7d16c89d.gif" width="88" height="31" border="0"></a> 
   <a href="http://twinklestar.rusff.ru"><img src="http://s9.uploads.ru/wDW3L.png" title="TWINKLE STARS"></a> 
   <a href="http://twdconfrontation.rusff.ru/" target="_blank"><img src="http://s6.uploads.ru/t/bhW7J.gif" title="Добро пожаловать в мир Ходячих мертвецов!" width="88" border="0" height="31"></a> 
   <a href="http://push.f-rpg.ru/" target="_blank"><img src="http://s8.uploads.ru/Es7KM.gif" border="0" title="Пятое измерение. Найди в себе способность."/></a> 
   <a href="http://crossmirror.rusff.ru/" title="CROSSMIRROR"><img src="http://s9.uploads.ru/sy3mr.png"></a> 
   <a href="http://aramantcollege.6bb.ru/" TARGET="_blank"><img src="http://i39.tinypic.com/jv17pz.gif" border="0" alt="~Aramant - magic college~"></a>
 <!-- Конец четвертого слайда -->
  </div>
 </div>
</div>

Теперь все должно листаться в нужную сторону, а не по кругу и в обратном порядке... ~~ужас, ужас...~~

Поделиться206Ср, 21 Май 2014 15:46:17

Автор: Kassandra
Заслуженный
Зарегистрирован: Чт, 11 Янв 2007
Сообщений: 162
Уважение: +8
Позитив: +42
Пол: Женский
Последний визит:
Сб, 20 Май 2017 13:04:18

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

Скажите, есть ли возможность ставить html в подпись?

Трансформероман написал(а):

Да, такая возможность есть, но она должна быть включена в настройках форума.

Там я искала до того, как задать вопрос) и не нашла оО

Поделиться207Ср, 21 Май 2014 16:36:08

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Kassandra
Нет, в подпись можно ставить только BBCode.
Включение BBCode в подписи производится на странице Администрирование - Права.

Поделиться208Ср, 21 Май 2014 17:02:23

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Астра, попробуйте такую:

На пробу

стиль

Код:

/* для таблиц с вкладками */
ul.tabs1, ul.tabs2 {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 27px;
    width: 310px;
    width: 100%;
}

ul.tabs2 {float: right;}

ul.tabs1 li, ul.tabs2 li {
    float: left;
    text-transform: uppercase;
    font: normal bold 14px tahoma;
    text-shadow: 1px 1px 1px #555454;
    margin: 0 5px 0 0;
    padding: 0 10px;
    height: 27px;
    line-height: 27px;
    border: 3px solid #c2c2c2;
    background: url(http://sc.uploads.ru/kqNWu.png) center top repeat-x;
    border-radius: 5px 5px 0 0;
}

ul.tabs2 li {float: right; margin: 0 0 0 5px;}

ul.tabs1 li a, ul.tabs2 li a {
    text-decoration: none;
    color: transparent;
    display: block;
    border-radius: 5px 5px 0 0;
}

ul.tabs1 li a:hover, ul.tabs2 li a:hover {
    border-radius: 5px 5px 0 0;
}    

ul.tabs1 li.active, ul.tabs2 li.active  {
    background: url(http://forumstatic.ru/files/0013/d2/4c/36260.jpg) top center repeat-x;
border: 3px solid #c2c2c2;
    border-radius: 5px 5px 0 0;
}  

ul.tabs1 li.active a:hover, ul.tabs2 li.active a:hover  {
    background: url(http://forumstatic.ru/files/0013/d2/4c/36260.jpg) top center repeat-x;
    border-radius: 5px 5px 0 0;
}

.tab_container1, .tab_container2 {
    clear: both;
    float: left; 
    width: 310px;
    height: 135px;
    background: url(http://sa.uploads.ru/TwfnC.png);   
border: 3px solid #c2c2c2;
    border-radius: 0 5px 5px 5px;
}

.tab_container2 {
    float: right; 
    border: 3px solid #c2c2c2;
    border-radius: 5px 0 5px 5px;
}

.tab_content1, .tab_content2 {
    padding: 5px;
}

.tab_content1 h2, .tab_content2 h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000;
}

таблички

Код:

<table style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
 <tr>
  <td style="width: 50%;">

<ul class="tabs1">
 <li class="active"><a href="#tab1">Вкладка 1</a></li>
 <li><a href="#tab2">Вкладка 2</a></li>
</ul>
 <div class="tab_container1">
  <div style="display: block;" id="tab1" class="tab_content1">

   текст 1

  </div>
  <div style="display: none;" id="tab2" class="tab_content1">

   текст 2

  </div>
 </div>

  </td>
  <td style="width: 50%;">
 
<ul class="tabs2">
 <li class="active"><a href="#tab3">Вкладка 3</a></li>
 <li><a href="#tab4">Вкладка 4</a></li>
</ul>
 <div class="tab_container2">
  <div style="display: block;" id="tab3" class="tab_content2">

   текст 3

  </div>
  <div style="display: none;" id="tab4" class="tab_content2">

   текст 4

  </div>
 </div>

  </td>
 </tr>
</table>

скрипт

Код:

<script type="text/javascript">
$(".tab_content1, .tab_content2").hide(); 
$("ul.tabs1 li:first, ul.tabs2 li:first").addClass("active").show();
$(".tab_content1:first, .tab_content2:first").show();
$("ul.tabs1 li").click(function() {
  $("ul.tabs1 li").removeClass("active");
  $(this).addClass("active");
  $(".tab_content1").hide();
  var activeTab = $(this).find("a").attr("href");
  $(activeTab).fadeIn();
  return false;
});
$("ul.tabs2 li").click(function() {
  $("ul.tabs2 li").removeClass("active");
  $(this).addClass("active");
  $(".tab_content2").hide();
  var activeTab = $(this).find("a").attr("href");
  $(activeTab).fadeIn();
  return false;
});
</script>

Отредактировано Rion Leonheart (Ср, 21 Май 2014 17:49:02)

Поделиться209Ср, 21 Май 2014 17:16:36

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Rion Leonheart написал(а):

скрипт

Лучше так:

Код:

<script type="text/javascript">
$(".tab_content1, .tab_content2").hide(); 
$("ul.tabs1 li:first, ul.tabs2 li:first").addClass("active").show();
$(".tab_content1:first, .tab_content2:first").show();
$("ul.tabs1 li").click(function() {
  $("ul.tabs1 li").removeClass("active");
  $(this).addClass("active");
  $(".tab_content1").hide();
  var activeTab = $(this).find("a").attr("href");
  $(activeTab).fadeIn();
  return false;
});
$("ul.tabs2 li").click(function() {
  $("ul.tabs2 li").removeClass("active");
  $(this).addClass("active");
  $(".tab_content2").hide();
  var activeTab = $(this).find("a").attr("href");
  $(activeTab).fadeIn();
  return false;
});
</script>

Поделиться210Ср, 21 Май 2014 17:45:32

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Fover, где ты был 1 страницу назад..

~†~Rayne~†~, времени.

Подсказка

~†~Rayne~†~ написал(а):
1. Поставила баннер рекламы над таблицей, при моём расширении экрана всё нормально, но стоит поменять расширение или свернуть окошко браузера на половину, баннер рекламы начинает прыгать в разные места.
Исправьте и добавьте то, что выделено синим:
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 50%; top: 335px; margin-left: -70px;}
~†~Rayne~†~ написал(а):
2. Помогите пожалуйста выровнять текст, что обведён на скрине ниже, по центру полосы, а не по верхнему краю.

Исправить и добавить синим:
#pun-main h2 {
color: #bcbcbc;
font-weight: 900;
background-image: url(http://s019.radikal.ru/i636/1405/fa/d42d8c151e39.png);
background-repeat: no-repeat;
background-position: center center;
height: 18px;
padding-top: 7px;
padding-bottom: 5px;
}
~†~Rayne~†~ написал(а):
3. Помогите, пожалуйста, подогнать текст на страничке переадресации вот в эту рамку фоновой картники, со скрина ниже.

Вот так должно быть:
#pun-redirect #pun-main {
left: 50%;
margin-top: 340px;
margin-left: -158px;
width: 350px;
float: none;
position: relative;
z-index: 1000;
text-align: center;
}
~†~Rayne~†~ написал(а):
И подскажите, пожалуйста, как сменить на этой же странице цвет самого слова "Переадресация". А то на моём фоне оно не видно.
#pun-redirect h1 {color: #000;}

Красным - какой хотите цвет.

Поделиться211Ср, 21 Май 2014 17:52:28

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

клевер написал(а):

Есть поле профиля пользователей (1), его заполняют администраторы и модераторы, так как в нем идет html. Но, нужно сделать так, чтобы это незаполненное поле (совершенно пустое), вылезало сразу после регистрации пользователя (вылезало пустым, информация в нем появлялась только тогда, когда его заполняет модер).

Не совсем понятно как оно должно выглядеть на практике - это самое ваше совершенно пустое поле..
Сделайте скрин как есть, и как должно быть в вашем видении.

Поделиться212Ср, 21 Май 2014 18:04:59

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

zerrona1, здравия.

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

Как убрать жирный шрифт и центровку?

В первом окне стиля найдите выделенное красным:

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
font-weight: bold;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
text-align: center;
}

И замените bold на normal, а center - на left.

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

Как поменять цвет шрифта?

Вы хотите сменить цвет всех ссылок на форуме, или только тех, что попали на скрин?

Поделиться213Ср, 21 Май 2014 18:54:04

Автор: zerrona1
Заслуженный
Зарегистрирован: Сб, 10 Май 2008
Сообщений: 124
Уважение: +9
Позитив: +18
Последний визит:
Чт, 25 Сен 2014 09:49:42

Спасибо большое)))Всё исправила! А вот скажите, некоторые там делают фон(под аватаром, полями) и закругленные края. Покажите, как мне такое сделать))

Rion Leonheart написал(а):

Вы хотите сменить цвет всех ссылок на форуме, или только тех, что попали на скрин?

Да, вот ещё скрины. Текст тёмно-синего цвета, никак не подходит для дизайна. И как убрать тень в тексте?

Поделиться214Ср, 21 Май 2014 19:14:13

Автор: Data
Заслуженный
Зарегистрирован: Вт, 3 Сен 2013
Сообщений: 94
Уважение: 0
Позитив: +15
Последний визит:
Ср, 4 Дек 2019 20:13:17

Напомните, пожалуйста, как поставить иконку в статистику. Спасибо

Поделиться215Ср, 21 Май 2014 19:50:00

Автор: vicia
Заслуженный
Зарегистрирован: Чт, 8 Окт 2009
Сообщений: 96
Уважение: +2
Позитив: +23
Последний визит:
Сб, 9 Апр 2022 11:58:25

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

Напомните, пожалуйста, как поставить иконку в статистику. Спасибо

если вы об этом http://i.gyazo.com/76e7a08e22c1253be8406a2223448621.png
css низ

Код:

#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 139px;
width: 972px;
margin-left: -8px;
background-color: transparent;
background-image: url("картинка");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

Поделиться216Ср, 21 Май 2014 21:03:28

Автор: Data
Заслуженный
Зарегистрирован: Вт, 3 Сен 2013
Сообщений: 94
Уважение: 0
Позитив: +15
Последний визит:
Ср, 4 Дек 2019 20:13:17

Собственно, заменил "уведомление" на картинку:

Код:

/* D4.5 */
#pun-ulinks li.item7 > a {
    background: url("http://f6.s.qip.ru/gbw3dmGP.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 25px; /*высота картинки * 2*/
    top: -27px; /*отступ сверху*/
    width: 27px; /*ширина картинки*/
}

В результате в хроме таблица значительно "приподнялась" вверх.

все очень плохо, скрин

В лисе все в порядке. Что делать, как быть и где я так гнусно накосячил?
http://seventhseal.rusff.ru/

Поделиться217Чт, 22 Май 2014 01:12:07

Автор: клевер
Заслуженный
Зарегистрирован: Пт, 25 Май 2012
Сообщений: 18
Уважение: +1
Позитив: +1
Пол: Женский
Последний визит:
Вс, 9 Ноя 2014 01:26:25

Rion Leonheart написал(а):

Не совсем понятно как оно должно выглядеть на практике - это самое ваше совершенно пустое поле..
Сделайте скрин как есть, и как должно быть в вашем видении.

на скрине сложно показать, тут подсказали так сформулировать вопрос:

как скриптом поставить, чтобы первое поле всегда и у всех было заполнено вот так: </br></br> (автоматом)
и при необходимости возможна была смена этих </br></br> на другие html (уже вручную администрацией непосредственно в самом профиле юзера).

Отредактировано клевер (Чт, 22 Май 2014 13:51:11)

Поделиться218Чт, 22 Май 2014 02:08:55

Автор: ~†~Rayne~†~
Заслуженный
Зарегистрирован: Пн, 3 Авг 2009
Сообщений: 102
Уважение: +4
Позитив: +12
Последний визит:
Пн, 20 Апр 2015 09:41:55

Rion Leonheart
Спасибо огромное, помогли!

Поделиться219Чт, 22 Май 2014 03:25:39

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Rion Leonheart
А что было страницу назад?

Поделиться220Чт, 22 Май 2014 12:57:11

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

Текст тёмно-синего цвета, никак не подходит для дизайна.

Таблица "безопасных" цветов (для справки).

Заходите в Администрирование -> Свой стиль -> Второе окно стиля (то, что нижнее), ищите блоки:

/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 ссылка до нажатия*/
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #423a0b;
text-shadow: -1px 1px 0px #ffffff;
border-bottom: none;
text-decoration: none;
}

/* CS3.2 активная ссылка*/
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #695e23;
border-bottom: none;
text-decoration: none;
}

Выделенное меняете на свой цвет. Экспериментируйте на здоровье.

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

И как убрать тень в тексте?

В том же втором окне ищите такую конструкцию:

text-shadow: -1px 1px 0px #ffffff;

Вот везде, где найдете этот шэдоу, оттуда и удаляйте это свойство.
Поиск по окнам стиля Ctrl+F.

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

А вот скажите, некоторые там делают фон(под аватаром, полями) и закругленные края. Покажите, как мне такое сделать))

Можно в конец втрого окна стиля поставить такой стиль:

.punbb .post .post-author ul {
background-color: #a8b786;
border-radius: 0 10px 10px 0;
}

Где зеленым - цвет фона под профилем, красным - скругление левого верхнего, правого верхнего, правого нижнего, левого нижнего углов профиля соответственно, 0 (зеро) - без скруглений.

Отредактировано Rion Leonheart (Чт, 22 Май 2014 12:58:31)

Страница: « 1 … 9 10 11 12 13 … 50 »

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

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

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

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

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

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

Поделиться1Сб, 5 Апр 2014 15:43:50

Поделиться201Ср, 21 Май 2014 09:17:43

Поделиться202Ср, 21 Май 2014 12:16:14

Поделиться203Ср, 21 Май 2014 13:10:51

Поделиться204Ср, 21 Май 2014 15:12:05

Поделиться205Ср, 21 Май 2014 15:33:38

Поделиться206Ср, 21 Май 2014 15:46:17

Поделиться207Ср, 21 Май 2014 16:36:08

Поделиться208Ср, 21 Май 2014 17:02:23

Поделиться209Ср, 21 Май 2014 17:16:36

Поделиться210Ср, 21 Май 2014 17:45:32

Поделиться211Ср, 21 Май 2014 17:52:28

Поделиться212Ср, 21 Май 2014 18:04:59

Поделиться213Ср, 21 Май 2014 18:54:04

Поделиться214Ср, 21 Май 2014 19:14:13

Поделиться215Ср, 21 Май 2014 19:50:00

Поделиться216Ср, 21 Май 2014 21:03:28

Поделиться217Чт, 22 Май 2014 01:12:07

Поделиться218Чт, 22 Май 2014 02:08:55

Поделиться219Чт, 22 Май 2014 03:25:39

Поделиться220Чт, 22 Май 2014 12:57:11