Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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



Общие вопросы (7)

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

1

Предыдущая тема => Общие вопросы (6)

    Не забывайте оставлять ссылки на форум!


Теги: вопрос, задать вопрос, вопросы новичков, ответы на вопросы

+1

61

Rivaena
ссылку правильно пропишите

#pun-title, #pun-title .container {
    background: url("http://diamondsims.ru/click.php?http://qps.ru/gFfQ3") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #606060;
}

здесь должна быть ссылка заканчивающаяся на .jpg и без сокращателя

0

62

Герда
Ну вот так. Мне на личную страницу, которую указала выше, нужно разместить 2 слайдера, один за другим
Но не выходит.
Получается так, что 1 слайдер работает, а во 2 полоса прокрутки.
Если нужно, дам пароль от акка своего

0

63

sadhaka извините не поняла. У нас выглядит так :

Код:
#pun-title, #pun-title .container{
  background-color: #e7e7e7;
background: url(http://diamondsims.ru/click.php?http://qps.ru/gFfQ3) no-repeat;  
  color: #606060;
  }

Вместо .php? должно быть .jpg  Строчки эти " scroll 0 0 rgba(0, 0, 0, 0);" тоже должны быть?

0

64

Rivaena
там же выделена жирным ссылка и написано, что нужно сделать
Правильная ссылка должна выглядеть так http://sg.uploads.ru/k9I0b.jpg

0

65

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

66

sadhaka спасибо огромное!

0

67

Givara
попробуйте привести вот это правило к такому виду

#pun-title.section {
  background: url("http://savepic.net/6769048.png") no-repeat scroll center top transparent;
  height: 928px;
  margin-left: -106px !important;
  margin-top: 0;
  width: 950px;
}

0

68

Samanta
попробуйте скрипт от Deff. он точно рассчитан на наличие нескольких слайдеров.

0

69

Добрый день. Раньше часто сидела на форумах с телефона, даже посты писала, все было отлично и удобно. Сейчас форумы с телефона выглядят так:
http://savepic.ru/6884277.jpg
http://savepic.ru/6889397.jpg
http://savepic.ru/6933428.jpg
http://savepic.ru/6916020.jpg
http://savepic.ru/6901684.jpg
Разные форумы, разные дизайнеры. Прошу как-то прокомментировать, с чем это связано. На остальных устройствах все норм.

0

70

Henley Reeves
Форумы неправильно отображаются в мобильном браузере
Очередное гнововведение от вышестоящего сервиса. Как цензурно это прокомментировать пока непонятно - сами в шоке.

+1

71

sadhaka
Видимо, попытка создания мобильной версии форума. Учитывая индивидуальное строение стилей, будет непросто... Спасибо за ответ.

0

72

Henley Reeves
Пытаемся переубедить их сделать возможность редактирования мобильного стиля из админки (с голого шаблона).

0

73

Опять тот же вопрос как когда-то.
Форум http://slaveryparadiseflorida.rusff.ru/

Пытался открыть надпись с ссылкой на сервис, и весь низ едет.

Код второго стиля:

Код:
/* CS1 Графика
-------------------------------------------------------------*/
/*CS1*/
#pun-title table {background-color: transparent;
   background-image : url("http://sg.uploads.ru/Yc7HT.png");
   border: none;
   height: 620px;
   width: 903px;
   margin-left: -22px;
   margin-top: -2px;
   margin-bottom: 0px;
   background-repeat: no-repeat;
   background-position : top center;
}

/* CS1.1 */
body {background-color: #171812;
 background-image : url("");
   background-repeat: repeat;
   background-position : top center;}

/* CS1.2 */
#pun { background-image: url("http://sg.uploads.ru/Bm032.png");
   background-color: #c1ab7f;
   background-position: center;
   background-attachment: ;}

#pun-about p.container {
   background-color: transparent;
   background-image : url("http://sh.uploads.ru/VrRnQ.png"); 
   background-position : center top; 
   background-repeat : no-repeat; 
   height: 115px; 
   width: 903px;
   margin-left: -21px;
   margin-bottom: 0px;
   font-size: 0.0em;}

div#html-footer {
   margin: -55px 0px 0px 0px;}

div#pun-about {
   margin-bottom: -68px;}

/* CS1.4 */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-clip:padding-box;
 background: url("");
border-top:1px solid #978664;
  border-right:4px  double  #978664;
  border-bottom: 1px  solid  #978664;
  border-left: 4px double  #978664;
}


 /* CS1.5 */
.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #000000;
 background: url(""); 
  border-top:1px solid  #111f48;
  border-right:4px  double  #111f48;
  border-bottom: 1px  solid  #111f48;
  border-left: 4px double  #111f48;
}

/* CS1.6 */
div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 320px;
margin-left: -14px;
}

/* CS1.7 */
div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
top: 366px;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #000000;}

#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #000000;}

#pun-stats h2,.punbb .main h1, .punbb .main h2 {
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  text-align: center;}

#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;}

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;}

.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;}


#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #000000;
  text-align: center;}

.offline li.pa-online strong {
  color: #000000;
  font-weight: normal;}


/* CS2 Цвета границ
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2 {font-size: 0em;}, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  }

/* CS2.4 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  border-color: transparent;}

/* CS2.5 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color:transparent;}
.punbb th {
  border-color: transparent;}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #4c3d1f;}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;}

.punbb .divider {
  border-color: transparent;}

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #4c3d1f;}

li.pa-online {
  border-left-color: transparent;}


/* CS3 Ссылки
-------------------------------------------------------------*/

/* 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: #4c3d1f;
  border-bottom: 0px none #000;
  text-decoration: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000000;}

/* 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: #4c3d1f;
  border-bottom: 0px none #000;
  text-decoration: none;}

/* CS3.3 */
#pun-navlinks a {
  color: #4c3d1f;
  border-bottom: 0px none #000;
  text-decoration: none;
text-shadow: 0px 1px 0px #000000;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4c3d1f;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;
text-shadow: 0px 1px 0px #000000;}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #000000;}

/* CS4 Иконки
-------------------------------------------------------------*/

/* Старые сообщения */
.punbb table Div.icon {float: right;
display: block; 
border-style: none none none none;
width: 61px;
height: 61px;
background-image : url(http://sh.uploads.ru/vfYgW.png);
background-repeat: no-repeat;
position: relative;}

/* Закрытые темы */
TR.iclosed Div.icon {
background-image : url(http://sh.uploads.ru/PBN97.png);
background-repeat: no-repeat;
width: 61px;
height: 61px;}

/* Новые сообщения */
TR.inew Div.icon {
background-image : url(http://sg.uploads.ru/kshLf.png);
background-repeat: no-repeat;
width: 61px;
height: 61px;}

/* Важные темы */
TR.isticky Div.icon {
background-image : url(http://sg.uploads.ru/xnDc5.png);
background-repeat: no-repeat;
width: 61px;
height: 61px;}


/* CS6 Post status icons+рекламный баннер
 -------------------------------------------------------------*/
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -205px; top: 5px;
}
.punbb td div.tclcon { padding-left: 15px; }
#pun-status, #pun-status .container {display: none;}
#pun #pun-navlinks.section {border-top-style: none; }
#pun  #pun-navlinks.section .container {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-announcement h2 {display: none;
height: 0px; margin-top: -110px;}
#pun-announcement.section .container .html-box center table {margin-top: -110px;}
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
.punbb .post .pa-hidePunk { text-align: center; }
.pa-avatar, .pa-title, .pa-author{ text-align: center;}
.punbb .post .post-author-Sp { text-align: center; }
.copy{
position: absolute;
bottom: 0px;
left: 15%;
width: 70%;
height: 15px;
text-align: center;
font-family: tahoma;
font-size: 11px;
line-height: 10px;
color: #273002;
}

Вот чем я пытался его заменить, и оно почему-то уезжало вправо:

#pun-about p.container {
background-color: transparent;
background-image: url("http://sh.uploads.ru/VrRnQ.png");
background-position: center top;
background-repeat: no-repeat;
height: 115px;
margin-bottom: 0;
margin-left: -21px;
text-align: center;
width: 903px;

http://sh.uploads.ru/t/SDJsi.jpg

Как это исправить чтоб картинка осталась на месте?

Отредактировано Guizeppe (27.04.2015 19:38:00)

0

74

Сейчас вернул скрипт дизайнера (см. выше код), картинка встала, а надпись пропала.
Должно быть
Рейтинг форумов | Создать форум бесплатно © 2007–2015 «QuadroSystems» LLC

0

75

Герда
к сожалению, не особо мне помогло, но спасибо))

0

76

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

Пытался открыть надпись с ссылкой на сервис, и весь низ едет.

чего конкретно нужно добиться?

0

77

Samanta
он, кажись, аще не пашет.
тоды менее изяшное решение: http://rustest.rusff.ru/pages/dva_slaidera333

Код:
    <script type="text/javascript">

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

    $(document).ready(function(){
      var currentPosition = 0;
      var slideWidth = 560;
      var slides = $('.slide2');
      var numberOfSlides = slides.length;

      // С помощью скрипта убираем прокрутку в контейнере.

      $('#slidesContainer2').css('overflow', 'hidden');
      // Свернем все вкладки .slides в блок #slideInner
      slides .wrapAll('<div id="slideInner2"></div>')
    .css({
          'float' : 'left',
          'width' : slideWidth
        });

      // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
      $('#slideInner2').css('width', slideWidth * numberOfSlides);
      $('#slideshow2')
        .prepend('<span class="control2" id="leftControl2">Clicking moves left</span>')
        .append('<span class="control2" id="rightControl2">Clicking moves right</span>');
      manageControls(currentPosition);
      $('.control2')
        .bind('click', function(){
    currentPosition = ($(this).attr('id')=='rightControl2') ? currentPosition+1 : currentPosition-1;
        manageControls(currentPosition);
        $('#slideInner2').animate({
          'marginLeft' : slideWidth*(-currentPosition)
        });
      });

      function manageControls(position){
        // Скрыть левую стрелку у первого контейнера
    if(position==0){ $('#leftControl2').hide() } else{ $('#leftControl2').show() }
    // Скрыть правую стрелку у последнего контейнера
        if(position==numberOfSlides-1){ $('#rightControl2').hide() } else{ $('#rightControl2').show() }

      }
    });
    </script>
    <style type="text/css">

    #slideshow, #slideshow2 {

    margin:0 auto;
    width:640px;
    height:263px;
    background:transparent url(ссылка_на_фон_вкладок) no-repeat 0 0;
    position:relative;
    }

    #slideshow #slidesContainer, #slideshow2 #slidesContainer2 {
      margin:0 auto;
      width:560px;
      height:263px;
      overflow:auto; /* поддержка прокрутки */
      position:relative;
    }

    #slideshow #slidesContainer .slide, #slideshow2 #slidesContainer2 .slide2 {
      margin:0 auto;
      width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
      height:263px;
    }

    .control, .control2 {
      display:block;
      width:39px;
      height:263px;
      text-indent:-10000px;
      position:absolute;
      cursor: pointer;
    }

    #leftControl,  #leftControl2 {
      top:0;
      left:0;
      background:transparent url(http://s3.uploads.ru/KcP7S.png) no-repeat 0 0;
    }

    #rightControl, #rightControl2 {
      top:0;
      right:0;
      background:transparent url(http://s2.uploads.ru/aIH0D.png) no-repeat 0 0;
    }
 </style>

<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
      <div class="slide">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь333333</p>
      </div>
      <div class="slide">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
    </div>
</div>

<div id="slideshow2">
    <div id="slidesContainer2">
      <div class="slide2">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
      <div class="slide2">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь333333</p>
      </div>
      <div class="slide2">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
    </div>
</div>

0

78

Samanta
Вопросы по оформлению форумов, дизайну и css - 2

вот тут

<div id="slider">


и тут

$('#pun-announcement #slider'),

вместо slider пишите slider1, slider2, slider3 и т.д. сколько Вам их надо.

0

79

Добрый день.
Как сделать так, чтобы стандартным шрифтом при написании сообщения был Comic Sans Ms, а не обычный шрифт?
Заранее спасибо.

0

80

RuStriker

Код:
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em "Comic Sans Ms";
}

0



Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC