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

Поделиться421Сб, 29 Дек 2012 15:22:56

Автор: Ловчая
Заслуженный
Зарегистрирован: Пт, 28 Окт 2011
Сообщений: 188
Уважение: +1
Позитив: +20
Последний визит:
Сб, 21 Фев 2015 10:40:05

Ta_chan
Благодарю)

РЕШЕНО

А как убрать темный пробел (правда, на тестовом он уже красный, а не черный - но изменение шапки не повлекло за собой исчезновение пробела)?

http://rossavie12.lolbb.ru/

Отредактировано Ловчая (Сб, 29 Дек 2012 15:24:30)

0

Поделиться422Сб, 29 Дек 2012 18:26:50

Автор: Vojd (забывший пароль)
Заслуженный
Зарегистрирован: Вс, 18 Ноя 2012
Сообщений: 85
Уважение: 0
Позитив: +5
Последний визит:
Вс, 7 Апр 2013 16:12:01

Vojd (забывший пароль) написал(а):

Ta_chan, не вышло(
P.S. Пост 379 и 380

0

Поделиться423Сб, 29 Дек 2012 22:04:21

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

Уважаемые, помогите исправить )
на станице просмотра написанного сообщения (когда нажимаешь посмотреть перед отправлением) вылезли косяки.

Первый:
Нужно увеличить ширину полосы заголовка, чтоб картинка не обрубалась, а сам заголовок (обзор темы) отцентровать на этой полосе.

http://free4u.mybb.ru/

Отредактировано Иса (Сб, 29 Дек 2012 22:07:27)

0

Поделиться424Вс, 30 Дек 2012 00:11:51

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Vojd (забывший пароль)
попробуйте в первом окне стиля поставить это

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

Иса
проблемы не вижу, полагаю справились сами.

Отредактировано Ta_chan (Вс, 30 Дек 2012 00:15:00)

0

Поделиться425Вс, 30 Дек 2012 00:37:09

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

Ta_chan
нет, проблема все еще есть

0

Поделиться426Вс, 30 Дек 2012 16:55:55

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Иса
попробуйте так, второе окно стиля

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #445066;
font-weight: bold;
font-style: normal;
text-align: center;
height: 25px !important;
}

0

Поделиться427Вс, 30 Дек 2012 16:59:49

Автор: ..Boleyn
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 410
Уважение: +27
Позитив: +118
Последний визит:
Чт, 10 Июн 2021 19:21:50

Доброго дня и с наступающим всех. Мне вновь требуется ваша помощь, товарищи специалисты. Подскажите, как сделать табличку (с прокруткой) а так же выпадающие контейнеры с меню как на скрине №1? А так же как сделать боковую таблицу, как на скрине №2? Мне бы узнать эти коды/скрипты и куда их ставить. Вот ссылка на сам форум, где это все стоит: http://sacramentolife.ru/
скрин №1 http://s1.znimg.ru/1356871980/sn1lr6jnrl.png
скрин №2 http://s3.znimg.ru/1356872100/dxpdyglw8u.png
буду очень благодарна!

0

Поделиться428Вс, 30 Дек 2012 17:43:15

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

все в таблицу размеры регулируем сами

..Boleyn написал(а):

как сделать боковую таблицу

Код:

<table border=0 width="200px" style="text-align: justify; position: absolute; margin-left: -220px; top: 550px; " border: none; font-family: arial; font-size: 11px; line-height: 2px; margin: 1px; ><tr><td style="color: #827671;"><center><br>
<br> Текст приветствия текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст .</center> 

</center>

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

..Boleyn написал(а):

как сделать табличку (с прокруткой)

это таблица-слайдер
размеры регулировать самим

Код:

<!-- Cлайдер-->
<table border="0" width="260px" id="ourtable" cellspacing="0">
 <tr><td style="position: absolute; width: 70px; top: 315px; left: 125px; text-align: center;">
<style type="text/css">
#slideshow {
margin:0 auto;
width:257px;
height:90px;
background: transparent none;
position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:257px;
  height:90px;
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:237px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:90px;
  text-align: center;
  text-size:9px;
}

.control {
  display:block;
  width:25px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}

#leftControl {
  top:44px;
  left:-32px;
  background:transparent url(картинка стрелочки влево) no-repeat 0 0;
}

#rightControl {
  top:44px;
  right:-28px;
  background:transparent url(картинка стрелочки вправо) no-repeat 0 0;
}
</style>
<div id="slideshow">
<div id="slidesContainer">
<div class="slide"><font size="1"><a href="http://sacramentolife.ru/viewtopic.php?id=9"><img src="картинка новостей"></a><br> 
ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ (блоки идут с конца – тобишь этот последний)
</font>
</div> 
<div class="slide"><font size="1">
ТЕКСТ ТЕКСТ

</font>
</div>
<div class="slide"><font size="1"><img src="картинка даты"><br><br>
ТЕКСТ ТЕКСТ ТЕКСТ
</font>
</div>
</div>
</div>
</td></tr></table>
<!--End// Cлайдер-->
<!-- Слайдер-->
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 257;
  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>

..Boleyn написал(а):

выпадающие контейнеры с меню

Выпадающее меню для форума
первый пост

+1

Поделиться429Вс, 30 Дек 2012 22:54:49

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

Ta_chan
нет, не помогло

0

Поделиться430Пн, 31 Дек 2012 00:57:11

Автор: Великий создатель
Заслуженный
Зарегистрирован: Вс, 27 Май 2012
Сообщений: 25
Уважение: +1
Позитив: +2
Пол: Женский
Последний визит:
Чт, 19 Июн 2014 22:44:09

Доброго времени суток, у меня возникла такая проблема.
Я поставила скрипт сворачивание информации профиля.
К сожалению информация профиля сворачивается после того, как я нажимаю на кнопки, а не до нажатия.

Код:

<!--Профиль -->
<script>
function HideInfo(id,but){
if(but.value=="1"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if ((fil[fi].className=="pa-fld1")|| (fil[fi].className=="pa-fld3"))
{fil[fi].style.display = "none";}
if ((fil[fi].className!="pa-fld1") && (fil[fi].className!="pa-fld3"))
{fil[fi].style.display = "block";}
}
}
if(but.value=="2"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld1")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld1")
{fil[fi].style.display = "block";}
}
}
if(but.value=="3"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld3")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld3") 
{fil[fi].style.display = "block";}
}
}
  return false}
d = document.getElementsByTagName("div")
for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
   if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
    d[i].innerHTML = t.substring(0,j)+"<center><input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='1' id='bu1' title='О пользователе'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='2' id='bu2' title='О персонаже'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='3' id='bu3' title='Награды'></center><div id='info"+i+"'>"+t.substring(j,t.length)+"</div>"}}
</script>
    <!--/End Профиль -->

Код:

#bu1 {background-image: url(http://s2.uploads.ru/wapD4.png); height: 30px; width: 40px; background-color: transparent; border: none; color: transparent;}
#bu2 {background-image: url(http://s3.uploads.ru/H6K8B.png); height: 30px; width: 40px; background-color: transparent; border: none; color: transparent;}
#bu3 {background-image: url(http://s3.uploads.ru/EuVUp.png); height: 30px; width: 40px; background-color: transparent; border: none; color: transparent;}

Отредактировано Великий создатель (Пн, 31 Дек 2012 00:57:35)

0

Поделиться431Пн, 31 Дек 2012 01:56:38

Автор: Nikon
Заслуженный
Зарегистрирован: Пн, 31 Дек 2012
Сообщений: 13
Уважение: 0
Позитив: 0
Последний визит:
Вс, 21 Июл 2013 22:13:34

Ребята помогите изменить этот стиль, до неузнаваемости!!!!!!!!!!!

Отредактировано Nikon (Пн, 31 Дек 2012 02:45:42)

0

Поделиться432Пн, 31 Дек 2012 01:58:58

Автор: Nikon
Заслуженный
Зарегистрирован: Пн, 31 Дек 2012
Сообщений: 13
Уважение: 0
Позитив: 0
Последний визит:
Вс, 21 Июл 2013 22:13:34

Или просто подскажите в каких местах можно что-то изменить что-то , а в каких нет! Чтобы эти изменения, не повлияли на качество стиля!!! Пожалуйста, очень срочно!

0

Поделиться433Пн, 31 Дек 2012 02:10:03

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Nikon
пожалуйста уберите под code
ссылку на форум и конкретно объясните, что вы хотите изменить

0

Поделиться434Пн, 31 Дек 2012 02:26:39

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Иса
у вас в первом окне стиля отсутствует А

/*A 5.7 */
#pun-post .topic {
margin-top: 1em;
}

попробуйте уменьшить/увеличить значение
если и так не пойдет то я уже не знаю

0

Поделиться435Пн, 31 Дек 2012 02:52:40

Автор: Nikon
Заслуженный
Зарегистрирован: Пн, 31 Дек 2012
Сообщений: 13
Уважение: 0
Позитив: 0
Последний визит:
Вс, 21 Июл 2013 22:13:34

Ta_chan

Я хочу примерно такой же стиль как и на этом форуме http://dogovorneak.ru/
Но не имею представления как его можно изменить...или сделать нечто похожее , но не абсолютно идентичное!
Может можно просто что-то изменить? К примеру цвета, меню..или еще какие-то нюансы?

0

Поделиться436Пн, 31 Дек 2012 11:44:12

Автор: Caroline
Заслуженный
Зарегистрирован: Ср, 25 Ноя 2009
Сообщений: 244
Уважение: 0
Позитив: +80
Пол: Женский
Последний визит:
Вс, 3 Янв 2016 11:21:40

http://philtre.mybb.ru/
Скажите, пожалуйста, как уменьшить под стать высоту лого?

0

Поделиться437Пн, 31 Дек 2012 12:25:39

Автор: Athena
Заслуженный
Зарегистрирован: Ср, 25 Мар 2009
Сообщений: 88
Уважение: +4
Позитив: +11
Пол: Женский
Последний визит:
Пн, 21 Мар 2016 10:27:40

С Наступающими праздниками всех! Будьте добры помочь, стиль Winter BG изменить под 2013, а то стандартно стоит 2008. Спасибо.

0

Поделиться438Пн, 31 Дек 2012 18:17:07

Автор: janyst
Заслуженный
Зарегистрирован: Пт, 11 Дек 2009
Сообщений: 128
Уважение: +1
Позитив: +41
Последний визит:
Вт, 9 Фев 2016 01:05:17

здравствуйте слайдер не отображается в опере в других все нормально что можно подкоректировать
вот кода

скрипт

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 640;
  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>

стиль и основа

Код:

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:740px;
height:150px;
background: transparent none;
position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:640px;
  height:150px;
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:620px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:150px;
  text-align: center;
}

.control {
  display:block;
  width:30px;
  height:175px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}

#leftControl {
  top:44px;
  left:0;
  background:transparent url(http://s2.uploads.ru/t/Ld8u5.png) no-repeat 0 0;
}

#rightControl {
  top:44px;
  right:0;
  background:transparent url(http://s2.uploads.ru/t/f3YoK.png) no-repeat 0 0;
}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст тексттекст текст текст тексттекст текст текст тексттекст текст текст тексттекст текст текст текст
      </div>
<div class="slide">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст тексттекст текст текст тексттекст текст текст тексттекст текст текст тексттекст текст текст текст
      </div>
   </div>
</div>
<!--End// Cлайдер-->

0

Поделиться439Вт, 1 Янв 2013 14:37:30

Автор: Лесси
Заслуженный
Зарегистрирован: Чт, 27 Дек 2012
Сообщений: 116
Уважение: +2
Позитив: +26
Последний визит:
Пт, 28 Авг 2015 16:43:11

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

Ссылка на мой сайт - Волчий Взгляд

Спасибо, Эйфория! Но я не могу найти такое в своем коде. Может я не там ищу? Администрация-Свой стиль-Структура style.css

Отредактировано Лесси (Ср, 2 Янв 2013 22:38:31)

0

Поделиться440Ср, 2 Янв 2013 14:55:43

Автор: Эйфория
Заслуженный
Зарегистрирован: Вт, 28 Июн 2011
Сообщений: 188
Уважение: +9
Позитив: +36
Последний визит:
Пн, 6 Апр 2020 11:19:50

Лесси
могу посоветовать, если разберетесь, ставьте через свой стиль

в первом окне заместо

Код:

/* D1.4 */
#pun-title h1 span {
  font-size: 1.2em;
  color: #111;
  display: block;
  padding: 110px 0 0 30px;
  width: 400px;
}

#pun-title TABLE {
  height: 180px;
  width: 100%;
  margin: 0px 0px 0px -1px;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 98px;
  padding-right: 10px;
}

поставьте

Код:

#pun-title h1 span  {
display: none;
  }

#pun-title table {
border: none;
height: высота в пикселях;
width: ширина в пикселях;  margin-left: сдвиг если нужен !important;
background-image: url("ссылка на картинку"); 
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}

заместо "высота в пикселях ширина в пикселях и тд ставите свои значения.

0

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

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

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

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

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

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

Поделиться421Сб, 29 Дек 2012 15:22:56

Поделиться422Сб, 29 Дек 2012 18:26:50

Поделиться423Сб, 29 Дек 2012 22:04:21

Поделиться424Вс, 30 Дек 2012 00:11:51

Поделиться425Вс, 30 Дек 2012 00:37:09

Поделиться426Вс, 30 Дек 2012 16:55:55

Поделиться427Вс, 30 Дек 2012 16:59:49

Поделиться428Вс, 30 Дек 2012 17:43:15

Поделиться429Вс, 30 Дек 2012 22:54:49

Поделиться430Пн, 31 Дек 2012 00:57:11

Поделиться431Пн, 31 Дек 2012 01:56:38

Поделиться432Пн, 31 Дек 2012 01:58:58

Поделиться433Пн, 31 Дек 2012 02:10:03

Поделиться434Пн, 31 Дек 2012 02:26:39

Поделиться435Пн, 31 Дек 2012 02:52:40

Поделиться436Пн, 31 Дек 2012 11:44:12

Поделиться437Пн, 31 Дек 2012 12:25:39

Поделиться438Пн, 31 Дек 2012 18:17:07

Поделиться439Вт, 1 Янв 2013 14:37:30

Поделиться440Ср, 2 Янв 2013 14:55:43