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

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

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


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


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

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

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

0

981

Alex_63
спасибо)
а футер как тут опустить ниже, не подскажете?
чтобы он был вплотную к низу браузера

Отредактировано exodius (Вт, 19 Апр 2016 19:06:35)

0

982

exodius
В Первом Окне - Добавьте синим:

/* D8.3 */
#pun-about {
  margin-top: 0;
  margin-bottom: 0;
  }

+1

983

Скажите, пожалуйста. Как в таблице сделать тень у обычного текста? Который под "Добро пожаловать" в шапке.

Отредактировано exodius (Вт, 19 Апр 2016 20:01:51)

0

984

exodius
В HTML верх

<style>
#html-header div p font {
  text-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
</style>

+1

985

Можно ли в стиле одновременно применять box-shadow и dropshadow? Надо, чтобы вокруг кнопки была четкая темная тень. Код ставлю такой, но работает только первая внутренняя тень

Код:
.pa-fld1 > a {
  width: 200px;
  height: 8px;
  display: inline-block;
  padding: 7px 0 !important;
  line-height: 7px;
  font-size: 1.2em;
  color: #31271e!important;
  border-radius:3px;
  border-top-left-radius:0!important;
  background-color: #ded5c4;
  box-shadow: inset 0px 0px 10px 0px #7e5a2a;
  dropshadow: 0px 0px 10px 0px #7e5a2a;
}

0

986

Mirra Bell написал(а):

Надо, чтобы вокруг кнопки была четкая темная тень.

Не пойму зачем Вам четвертая цифра ? (0 можно не ставить) http://htmlbook.ru/css/box-shadow

box-shadow: inset 0px 0px 10px  #7e5a2a, 2px 2px  0px #000;

+1

987

Убрала второй inset, все получилось, спасибо )

+1

988

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

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

0

989

boom
1. Какой браузер, какая Ось ? ХР , window 7 ?, 9,10 ?
2. Какой компутер или планшет ?
==============
Не могу воспроизвести пока Вашу проблему!
Почистите кеш и куки в Вашем браузере => http://qps.ru/DNczS

0

990

Deff
винда 7, х32. браузер версии 49.0.2623.112 m
но и с рабочего компа та же шняга выходит(

0

991

boom
Попробуйте заменить два пункта в Первом Окне стиля на такое:

Код:
/* ДВИГАТЬ ПРИВЕТ, ГОСТЬ ТУТ */
/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
}
#pun-status,
#pun-status * {
  position:static!important;
}
/* D5.2 */
#pun-status .container {
padding: 0.8em 7em 2em 1em;
  margin-top: 10px;
  width: 890px;
  text-align: center;
  font-size: 8px;
  font-family: Century Gothic;
  text-transform: uppercase;
  letter-spacing: 2px;
}

+1

992

Deff
прыгает, но уже не так сильно) так что с этим разобрались, спасибо **

0

993

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

- и как убрать бордюры в футере и в сообщениях? о

В Конец Первого Окна стиля:

.post-content td{
  border:none 0!important;
}

0

994

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

Deff
не помогло о.о

Не помогло - значит Выше код кривой, (Отсутствует закрываюзщая скобка } или не закрыт комментарий */
ставьте в HTML верх

Код:
<style>
.post-content td{
  border:none 0!important;
}
</style>

Вот Тут у Вас Ошибка в Первом Окне (косая черта красным):

/*------------------------СООБЩЕНИЯ И РЕПУТАЦИЯ В ОДНУ СТРОКУ-----------------------*/
.pa-posts {display: inline-block;width: 70px;text-transform: lowercase;margin-top: -0%;}
.pa-respect {display: inline-block;margin: 10px;width: 80px;text-transform: lowercase;margin-top: -0%;}
\

/*------------------------ОФОРМЛЕНИЕ ПРОФИЛЯ-------------------------*/

+1

995

Deff
поправил, спасибо!
и вот проставил код, как-то без них некрасиво смотреться стало... а можно их оставить, но по цвету просто подогнать?)

0

996

boom
Нарисуйте в ФШ как надо поправим
Ну к примеру:

.post-content td{
border: 3px double #A5A7A7!important;
}


http://htmlbook.ru/css/border
http://htmlbook.ru/css/border-style

+1

997

Deff
а вот так отлично смотрится. спасибо!

0

998

Здравствуйте! Пыталась по инструкции в Справочной красиво подровнять табличку, чтобы текст был по центру, а не по левому краю, но код не срабатывает.

Код:
<!-- Таблица -->
    <style>
    #tstTable table[id]{
              position:absolute;
              display:none;
    }
    #tstTable table[id] p span {
              display: inline-block;
    }
    #tstTable div[style*="350px"] {
              width: 500px !important;
    }
    .tabindex {
              height: 200px;
              width: 100%;
              position: relative;
    }
    #tstTable td{border:none 0 transparent !important}
    .navbuttons{
              width: 100%;
              line-height: 50px;
              text-align: center;
    }
    .navbuttons td{
              cursor:pointer;
              font-size:1.1em;
    }
    .Wrapper_007{
              width: 100%;
    }
    </style>
         
        <div id="tstTable">
         
        <table class="navbuttons">
      <tr>
        <td alaign="center" id="btn1"><b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/14/0/4nxpbcqttmea9wf14n77bpqozzemtwcx.png'> </b> </td>
        <td alaign="center" id="btn2"><b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/14/0/4ncpbc6todem7wf14gf7bpjy4n67bxsosmem7wcb4gbpbqy.png'> </b> </td>
        <td alaign="center" id="btn3"><b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/14/0/4njpdygoszem3wcxrdemoegoz9em7wfu4n9pbpgosy.png'> </b> </td>
      </tr>
    </table>
         
         
                <table class="Wrapper_007">
                  <tr>
         
           <td alaign="center" style="width:250px">
      <a href=http://eidren.rolka.su/viewtopic.php?id=136>ГМ персонажи</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=556>Расы</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=185>Полная история Тарфо-Мортена</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=399>Рыночная экономика</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=412>Бестиарий</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=704>Полезная информация</a><br>
    <a href=http://eidren.rolka.su/viewtopic.php?id=736>Гостевая</a> <br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=842>Помощь при регистрации</a> <br>
           </td>
     
           <td alaign="center">
         
        <div class="tbl_head">
        <b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/12/0/4nx7bxsozxemmwfz4n67bcgtthopbqgozzeajwf64gypbxgosdeapwfa4g8uw.png'> </b>
        </div>
        <br/>
         
        <div class="tabindex">
         
        <table id="tbl1"><!-- 1 -->
          <tr><td>
     
          <div style="width: 350px; height: 200px; overflow: auto; overflow-x: hidden;">
    2.02.2016<br><font size="4" face="Monotype Corsiva">Ж</font></b>елающим зарегистрироваться расписана </font><br><a href=http://eidren.rolka.su/viewtopic.php?id=842>инструкция.</a>
    <br><br>6.03.2016<br><font size="4" face="Monotype Corsiva">Р</font>екомендуем активным игрокам, в связи с большим количеством игровых событий, обновить информацию о персонаже в темах Отношения, Спутники, Картотека. Это же касается подписей. 
    <br><br>14.04.16<br><font size="4" face="Monotype Corsiva">П</font>роизошел сбой на главном сервисе Мубб. Наш форум пострадал и не смог восстановиться, в результате, потерян дизайн. В ближайшее время все восстановим. 
<br><br>14.04.16<br><font size="4" face="Monotype Corsiva">С</font>истема восстановлена! Спасибо администрации Мубб!
    </div>
     
          </td></tr>
        </table>
         
        <table id="tbl2"><!-- 2 -->
          <tr><td>
     
    <div style="width: 350px; height: 200px; overflow: auto; overflow-x: hidden;">
    11.04.16 <br><font size="4" face="Monotype Corsiva">Р</font>оспуск круга Вуду!
    В восточном крыле замка Гильдии Колдунов, где ещё не были завершены ремонтные работы, произошло обрушение. В результате него несколько этажей были крайне повреждены. Помещения располагавшегося в этом крыле круга магии Вуду были практически полностью уничтожены. Вудуисты, находившиеся внутри на момент трагедии, погибли.
    Из-за понесённого ущерба и потери множества участников, круг Вуду не может продолжать свою деятельность. Магистру пришлось расформировать его.
    Есть непроверенные пока свидетельства, что обрушение является результатом злонамеренной диверсии. Вероятность этого довольно высока. У круга Вуду имелось немало врагов: Мастер Круга имел противостояние с Гильдией Магов, а совсем недавно вудуистам угрожал некто, связанный с неизвестными некромантами. Также у круга Вуду имелись разногласия с внегильдейскими коллегами. Можно допустить и то, что вудуисты чем-то прогневали демонов…</div>
     
            </td></tr>
        </table>
         
        <table id="tbl3"><!-- 3 -->
          <tr><td>
     
    <div style="width: 350px; height: 200px; overflow: auto; overflow-x: hidden;">
          11.04.2016<br><b><font size="4" face="Monotype Corsiva">Д</font></b>ата: 24 марта. По всей территории Тарфо-Мортена душно, намечаются грозы. На севере - мелкий снег с дождем.</div>
     
            </td></tr>
        </table>
     
     
         
           <td style="width:70px" alaign="center"> 
             <div class=ins2>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=18188' 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=18188&today_hosts=1&total_hosts=1&cid=valar2006.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=18188&today_hosts=1&total_hosts=1&cid=valar2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
    <a href="http://forum-top.ru/vote/3625" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></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=22505&rnd=" + Math.random();
    topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22505' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
    "<img src='http://img.rpgtop.su/rpgtop1.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=22505' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22505' target='_top'><img src='http://img.rpgtop.su/rpgtop1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
    </noscript>
    <!-- /Top.Roleplay.Ru -->
     
             <br/><br/>
             </div>
         
             <div class=ins3>
       <b><font size="4" face="Monotype Corsiva">Ж</font>анр:</b> фэнтези <br/>
       <b><font size="4" face="Monotype Corsiva">Р</font>ейтинг:</b> NC-17 (18+). <br/>
      <b><font size="4" face="Monotype Corsiva">С</font>истема игры:</b> локационная.<br/>
     </div>
           </td>
         
                </tr>
               </table>
         
        </div>
         
        <script type="text/javascript">
        $(function () {
            $("#tstTable #tbl1").fadeIn(200);
            $(".navbuttons td#btn1").addClass("active");
            $(".navbuttons td").click(function(){
                var num=$(this).attr("id");
                if(num)num=num.split("btn")[1];
                $(".navbuttons td").removeClass("active");
                $(this).addClass("active");
                $("#tstTable table[id]").fadeOut(200);
                $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
            });
        });
        </script>

http://eidren.rolka.su/

Отредактировано Шаолин (Чт, 21 Апр 2016 12:33:58)

0

999

Шаолин
Потому что не так прописываете (Нун так: align="center"

Код:
<!-- Таблица -->
    <style>
    #tstTable table[id]{
              position:absolute;
              display:none;
    }
    #tstTable table[id] p span {
              display: inline-block;
    }
    #tstTable div[style*="350px"] {
              width: 500px !important;
    }
    .tabindex {
              height: 200px;
              width: 100%;
              position: relative;
    }
    #tstTable td{border:none 0 transparent !important}
    .navbuttons{
              width: 100%;
              line-height: 50px;
              text-align: center;
    }
    .navbuttons td{
              cursor:pointer;
              font-size:1.1em;
    }
    .Wrapper_007{
              width: 100%;
    }
    </style>
         
        <div id="tstTable">
         
        <table class="navbuttons">
      <tr>
        <td align="center" id="btn1"><b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/14/0/4nxpbcqttmea9wf14n77bpqozzemtwcx.png'> </b> </td>
        <td align="center" id="btn2"><b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/14/0/4ncpbc6todem7wf14gf7bpjy4n67bxsosmem7wcb4gbpbqy.png'> </b> </td>
        <td align="center" id="btn3"><b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/14/0/4njpdygoszem3wcxrdemoegoz9em7wfu4n9pbpgosy.png'> </b> </td>
      </tr>
    </table>
         
         
                <table class="Wrapper_007">
                  <tr>
         
           <td align="center" style="width:250px">
      <a href=http://eidren.rolka.su/viewtopic.php?id=136>ГМ персонажи</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=556>Расы</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=185>Полная история Тарфо-Мортена</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=399>Рыночная экономика</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=412>Бестиарий</a><br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=704>Полезная информация</a><br>
    <a href=http://eidren.rolka.su/viewtopic.php?id=736>Гостевая</a> <br>
     <a href=http://eidren.rolka.su/viewtopic.php?id=842>Помощь при регистрации</a> <br>
           </td>
     
           <td align="center">
         
        <div class="tbl_head">
        <b><img src='http://x-lines.ru/letters/i/cyrillicfancy/0103/000000/12/0/4nx7bxsozxemmwfz4n67bcgtthopbqgozzeajwf64gypbxgosdeapwfa4g8uw.png'> </b>
        </div>
        <br/>
         
        <div class="tabindex">
         
        <table id="tbl1"><!-- 1 -->
          <tr><td>
     
          <div style="width: 350px; height: 200px; overflow: auto; overflow-x: hidden;">
    2.02.2016<br><font size="4" face="Monotype Corsiva">Ж</font></b>елающим зарегистрироваться расписана </font><br><a href=http://eidren.rolka.su/viewtopic.php?id=842>инструкция.</a>
    <br><br>6.03.2016<br><font size="4" face="Monotype Corsiva">Р</font>екомендуем активным игрокам, в связи с большим количеством игровых событий, обновить информацию о персонаже в темах Отношения, Спутники, Картотека. Это же касается подписей. 
    <br><br>14.04.16<br><font size="4" face="Monotype Corsiva">П</font>роизошел сбой на главном сервисе Мубб. Наш форум пострадал и не смог восстановиться, в результате, потерян дизайн. В ближайшее время все восстановим. 
<br><br>14.04.16<br><font size="4" face="Monotype Corsiva">С</font>истема восстановлена! Спасибо администрации Мубб!
    </div>
     
          </td></tr>
        </table>
         
        <table id="tbl2"><!-- 2 -->
          <tr><td>
     
    <div style="width: 350px; height: 200px; overflow: auto; overflow-x: hidden;">
    11.04.16 <br><font size="4" face="Monotype Corsiva">Р</font>оспуск круга Вуду!
    В восточном крыле замка Гильдии Колдунов, где ещё не были завершены ремонтные работы, произошло обрушение. В результате него несколько этажей были крайне повреждены. Помещения располагавшегося в этом крыле круга магии Вуду были практически полностью уничтожены. Вудуисты, находившиеся внутри на момент трагедии, погибли.
    Из-за понесённого ущерба и потери множества участников, круг Вуду не может продолжать свою деятельность. Магистру пришлось расформировать его.
    Есть непроверенные пока свидетельства, что обрушение является результатом злонамеренной диверсии. Вероятность этого довольно высока. У круга Вуду имелось немало врагов: Мастер Круга имел противостояние с Гильдией Магов, а совсем недавно вудуистам угрожал некто, связанный с неизвестными некромантами. Также у круга Вуду имелись разногласия с внегильдейскими коллегами. Можно допустить и то, что вудуисты чем-то прогневали демонов…</div>
     
            </td></tr>
        </table>
         
        <table id="tbl3"><!-- 3 -->
          <tr><td>
     
    <div style="width: 350px; height: 200px; overflow: auto; overflow-x: hidden;">
          11.04.2016<br><b><font size="4" face="Monotype Corsiva">Д</font></b>ата: 24 марта. По всей территории Тарфо-Мортена душно, намечаются грозы. На севере - мелкий снег с дождем.</div>
     
            </td></tr>
        </table>
     
     
         
           <td style="width:70px" align="center"> 
             <div class=ins2>
 
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=18188' 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=18188&today_hosts=1&total_hosts=1&cid=valar2006.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=18188&today_hosts=1&total_hosts=1&cid=valar2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
    <a href="http://forum-top.ru/vote/3625" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></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=22505&rnd=" + Math.random();
    topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22505' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
    "<img src='http://img.rpgtop.su/rpgtop1.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=22505' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22505' target='_top'><img src='http://img.rpgtop.su/rpgtop1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
    </noscript>
    <!-- /Top.Roleplay.Ru -->
     
             <br/><br/>
             </div>
         
             <div class=ins3>
       <b><font size="4" face="Monotype Corsiva">Ж</font>анр:</b> фэнтези <br/>
       <b><font size="4" face="Monotype Corsiva">Р</font>ейтинг:</b> NC-17 (18+). <br/>
      <b><font size="4" face="Monotype Corsiva">С</font>истема игры:</b> локационная.<br/>
     </div>
           </td>
         
                </tr>
               </table>
         
        </div>
         
        <script type="text/javascript">
        $(function () {
            $("#tstTable #tbl1").fadeIn(200);
            $(".navbuttons td#btn1").addClass("active");
            $(".navbuttons td").click(function(){
                var num=$(this).attr("id");
                if(num)num=num.split("btn")[1];
                $(".navbuttons td").removeClass("active");
                $(this).addClass("active");
                $("#tstTable table[id]").fadeOut(200);
                $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
            });
        });
        </script>

+1

1000

Привет!
При наведении на картинку всплывает описание
http://greenrpg.ru/pages/gifts-louis
Но у нижних картинок уползает куда-то за границу страницы. Тоже самое с боков будет, если ширину описание увеличить
Как поправить?

0


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