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

Страница: « 1 … 20 21 22 23 24 … 50 »

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

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

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 805
Уважение: +71
Позитив: +73
Последний визит:
Пт, 18 Апр 2025 21:24:25

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

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

http://free4u.mybb.ru/

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

Поделиться422Вс, 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)

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

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 805
Уважение: +71
Позитив: +73
Последний визит:
Пт, 18 Апр 2025 21:24:25

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

Поделиться424Вс, 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;
}

Поделиться425Вс, 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
буду очень благодарна!

Поделиться426Вс, 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 написал(а):

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

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

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

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 805
Уважение: +71
Позитив: +73
Последний визит:
Пт, 18 Апр 2025 21:24:25

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

Поделиться428Пн, 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)

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

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

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

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

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

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

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

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

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

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

Поделиться432Пн, 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;
}

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

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

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

Ta_chan

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

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

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

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

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

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

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

Поделиться436Пн, 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лайдер-->

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

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

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

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

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

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

Поделиться438Ср, 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;
}

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

Поделиться439Ср, 2 Янв 2013 16:06:45

Автор: kochichiko.
Заслуженный
Зарегистрирован: Сб, 19 Июн 2010
Сообщений: 111
Уважение: +1
Позитив: +19
Последний визит:
Сб, 1 Июн 2019 22:43:03

Здравствуйте. С наступившим вас!
У меня две проблемы.
а. Я хочу сместить статистику немного в центр.
http://withoutu.rusff.ru/ помогите с этим))
б. И вторая проблема: у одной девушки смещён низ, когда у остальных всё нормально. Что делать?

Поделиться440Ср, 2 Янв 2013 16:09:25

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

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

Vojd (забывший пароль)попробуйте в первом окне стиля поставить это/* A3.9 */.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
/* A3.10 */.punbb a { text-decoration: underline }

Шас подчёркивание на всех ссылках, но в обычном состоянии, а при наведении их нет)

Страница: « 1 … 20 21 22 23 24 … 50 »

Общие вопросы по оформлению (65) #2	Вопросы по оформлению форума	Чт, 3 Апр 2025
Общие вопросы по Оформлению	Архив	Ср, 17 Окт 2007
Общие вопросы по Оформлению (часть 3)	Архив	Пт, 3 Авг 2007
Общие вопросы по оформлению (50)	Архив	Чт, 31 Окт 2013
Общие вопросы по оформлению (49)	Архив	Вт, 27 Авг 2013

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поделиться439Ср, 2 Янв 2013 16:06:45

Поделиться440Ср, 2 Янв 2013 16:09:25

Похожие темы