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

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

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


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


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

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

1

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

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

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

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

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

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

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

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

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

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

501

https://i.imgur.com/N725gtHm.jpg - основа форума

https://i.imgur.com/FUDmv3qm.png - фон форума

Фон никогда не использовался, использовалась только основа. По основе была написана структура, а по фону - цвета. Сейчас проверил, а у меня только часть цветов имеется. Вторая часть исчезла. Дизайн мне делала Герда.

Отредактировано Шустов Павел Николаевич (Вт, 30 Окт 2018 18:03:02)

0

502

Шустов Павел Николаевич написал(а):

Фон никогда не использовался, использовалась только основа. По основе была написана структура, а по фону - цвета. Сейчас проверил, а у меня только часть цветов имеется. Вторая часть исчезла.

Ну, если это что я видел, то у меня страница еще открыта, вот это вы потеряли?

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
html {
  background: #191919 url(http://s1.uploads.ru/i/IY2lp.jpg) no-repeat top center fixed;
}

#pun {
  background: #d0d0d0 url(http://s1.uploads.ru/i/olHEB.jpg) repeat-y center;
  border: none;
}

.punbb thead, .lastedit {display:none;}

  .post-author ul {
text-align: center;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: none;
  color: #25201b;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #d0d0d0;
  color: #25201b;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: transparent url(http://s1.uploads.ru/i/b6YXs.png) no-repeat; background-position: top center;
  color: #194c58;
height: 49px;
  font-weight: bold;
text-align: center;
  font-size: x-small;
  font-size: 14px;
text-transform: uppercase;
margin: 0 -275px 0 0;
  }

.punbb-admin #pun-admain h2 {background: #09353f;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: none;
  color: #25201b;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: none;
  color: #25201b;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
  background-color: none;
  color: #25201b;
  }

/* CS1.7 */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background: #dcdbdb;
color: #25201b;
}

/* CS1.8 */
#pun-navlinks .container {

  }

.offline li.pa-online strong {
  font-weight: normal.
  }

.punbb textarea, .punbb select, {background: #f6f6f6;
  color: #25201b;

}

/* CS2 Border colours
-------------------------------------------------------------*/

/* 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, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.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;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

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

#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: none;
  }

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

/* 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: #218ba3;
text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #218ba3;
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: #176070;
text-decoration: underline;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #786f57;
text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #9e916c;
text-decoration: none;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

/* Сообщения------------------------------------*/
/*Старые сообщения*/
Div.icon {
background-image : url('https://forumstatic.ru/files/0019/9e/81/61813.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('http://c.radikal.ru/c20/1805/73/2acdc4d8f55b.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://c.radikal.ru/c20/1805/73/2acdc4d8f55b.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('https://forumstatic.ru/files/0019/9e/81/16122.png');
background-repeat: no-repeat;
}

#pun-stats ul.container {
        background: url(https://forumstatic.ru/files/0019/9e/81/55979.png) no-repeat 0px 2px;
        padding-left: 100px;
}

/* Оформление профиля
 -------------------------------------------------------------*/ 

.pa-title, .pa-author {
text-align: center;
}

.post-author ul {
background: url(...) repeat scroll 0 0 #c4c4c4; 
border: 1px solid #a09a9c; 
border-left: 1px solid #a09a9c;
margin: 0.2em;
}

.post-author ul li {
border-top: 1px; margin: 4px 4px 0; padding: 0 3px 2px;}

.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar, .post-author ul li.pa-fld5, .post-author ul li.pa-online {
text-align: center;
}


.post-author ul li.pa-avatar {
margin: 0; padding: 0;
}

.post-author ul li.pa-avatar img {
height: auto; 
max-height: 200px !important; 
max-width: 200px !important; 
width: auto;
}

.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar {
border: medium none;
}

.post-author ul li.pa-author a {
font-style: normal !important; 
text-decoration: none !important;
}

.pa-author {
font-family: Arial;
font-variant: small-caps;
font-size: 30px;
text-align: center;
}

.pa-online {
    display: none;
}

.lastedit {
    display: none
}

.stickytext {
    display: none
}

.tcl .closedatafield {
   display: none;
}

Там, кстати была не закрытая скобка внизу, я ее добавил:

.tcl .closedatafield {
   display: none;
}

Шустов Павел Николаевич написал(а):

Фон никогда не использовался, использовалась только основа.

Мне сложно понять я ведь не видел готового дизайна..

Отредактировано kolobdur74 (Вт, 30 Окт 2018 18:15:10)

0

503

kolobdur74
Благодарю за помощь!))

+1

504

Нет. Это другой дизайн. Я хотел поставить его вместо своего и именно тогда потерял структуру!

0

505

Шустов Павел Николаевич написал(а):

Нет. Это другой дизайн. Я хотел поставить его вместо своего и именно тогда потерял структуру!

Ну, тогда верстать заново.. Вы не делаете бэкап перед любыми изменениями?

0

506

kolobdur74 написал(а):
Шустов Павел Николаевич написал(а):

Нет. Это другой дизайн. Я хотел поставить его вместо своего и именно тогда потерял структуру!

Ну, тогда верстать заново.. Вы не делаете бэкап перед любыми изменениями?

А что это такое? Первый раз слышу.

0

507

Шустов Павел Николаевич написал(а):

А что это такое? Первый раз слышу.

Ну, на компе создаете специальную папку по своему форуму, копируете Структуру, вставляете в блокнот и сохраняете в формате txt (если использовать программу Notepad++, то можно в формате css) - это и будет бэкап (сохранка) данного окна и так делаете по обоим окнам Своего стиля, а так же по НТМЛ верх, НТМЛ низ, НТМЛ в Форме ответа, чтобы не было таких неприятных вещей.. И если где то что то меняете, то делаете сохранку сначала, а потом делаете изменения.. Чтобы не путаться в сохранках просто добавляете в имя документа дату как пример: Структура style.css (30.10.2018).txt - вот в таком виде можно сохранять файлы.

0

508

Я так не делаю. Я всё сохраняю в блокноте или в Word.

Отредактировано Шустов Павел Николаевич (Вт, 30 Окт 2018 19:07:05)

0

509

Шустов Павел Николаевич написал(а):

Я так не делаю. Я всё сохраняю в блокноте или в Word

Ну, вот и сохраняйте в блокноте или в Word перед изменениями содержимое окон Своего стиля и других окон, чтобы не было потерь после изменений на форуме.. Тогда вы сможете всегда откатить любое изменение, которое было неудачное..

0

510

При создании дизайна были использованы коды какого-то стандартного дизайна с рамкой.

0

511

Шустов Павел Николаевич написал(а):

Дизайн мне делала Герда.

Кстати, попробуйте спросить у Герды - может у нее сохранились ее наработки по вашему дизайну.. Это она же вам ставила дизайн на форум?

0

512

kolobdur74 написал(а):
Шустов Павел Николаевич написал(а):

Дизайн мне делала Герда.

Кстати, попробуйте спросить у Герды - может у нее сохранились ее наработки по вашему дизайну.. Это она же вам ставила дизайн на форум?

Она коды только прислала. Ставил сам.

0

513

https://i.imgur.com/bgo776Mm.png
Вот шапка форума с картинкой, которая стояла до того, как я её изменил.

Отредактировано Шустов Павел Николаевич (Вт, 30 Окт 2018 20:10:18)

0

514

Возникла еще одна проблемка.. Горизонталь исправила. А вот по вертикали снова едет http://cwlegendofsea.ru/
Что тут не так? https://www.s-shot.ru  показывает вот что
https://i.imgur.com/fIWnWrfm.png

0

515

Vulmera, дайте коды вашего дизайна. Попробую разобраться.

0

516

Шустов Павел Николаевич
Код не могу дать, через просмотр кода не получится?

0

517

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

Шустов Павел Николаевич
Код не могу дать, через просмотр кода не получится?

Получилось. Сейчас всё выясним.

0

518

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

Возникла еще одна проблемка.. Горизонталь исправила. А вот по вертикали снова едет http://cwlegendofsea.ru/
Что тут не так? https://www.s-shot.ru  показывает вот что

Там разбираться надо, но так лучше не делать:

<!-- ЛЕВОЕ ОКНО -->
<div style="
height: 235px;
    color:  #4e4858;
    text-align: justify;
    margin-top: 15.5em;
    width: 335px;
    overflow-y: auto;
    margin-left: 0.5em;
font-size: 12px;
overflow-x: hidden;
">

Если код стиля слишком большой и громоздкий, чтобы в одну строку делать, то лучше вынести в css присвоив класс блоку:

<!-- ЛЕВОЕ ОКНО -->
<style>
.Lokno {
height: 235px;
color:  #4e4858;
text-align: justify;
margin-top: 15.5em;
width: 335px;
overflow-y: auto;
margin-left: 0.5em;
font-size: 12px;
overflow-x: hidden;
}
</style>
<div class="Lokno">

Форматирование через НТМЛ лучше не применять, лучше использовать css и тег <br> тоже лучше поменьше применять.. То есть такой код:

<!-- ЛЕВОЕ ОКНО -->
<style>
.okno {
height: 235px;
color:  #4e4858;
text-align: justify;
margin-top: 15.5em;
width: 335px;
overflow-y: auto;
margin-left: 0.5em;
font-size: 12px;
overflow-x: hidden;
}
</style>
<div class="Lokno">
<i><font face="Georgia">Голосование завершилось, голоса уже подсчитаны, и пришло время объявить результаты конкурса Лучшие из Лучших!</font></i><br><br>
В этот раз звание Почетного игрока присваивается <a href="http://cwlegendofsea.ru/profile.php?id=52"><b>Делирию</b></a>!<br>
Лучшим котом голосующие выбрали <a href="http://cwlegendofsea.ru/profile.php?id=8"><b>Быстрокрылого Журавля</b></a>, а лучшей кошкой стала <a href="http://cwlegendofsea.ru/profile.php?id=53"><b>Полынь</b></a>!<br>
Имя Почетного флудильщика — <a href="http://cwlegendofsea.ru/profile.php?id=6"><b>Лиса Пламенного Заката</b></a>!<br>
Почетным игроманом объявляется <a href="http://cwlegendofsea.ru/profile.php?id=161"><b>Утренний Ливень</b></a>!<br><br>
<font size=1>Лучшая цитата из игрового поста, автор</font> - <a href="http://cwlegendofsea.ru/profile.php?id=116"><b><font size=1>Когтишка</font></b></a>:<br>
<i><font face="Georgia"><b>— РОГАТИК! ТЫ ЧТО ТУТ ДЕЛАЕШЬ? — Заорал Когтишка, вставая передними лапами на ствол дерева. "Может дерево потрясти и он упадет? Совсем как яблоко!" — ТЫ ТАМ ЧТО, ДОЗРЕВАЕШЬ ДО ОРУЖЕНОСЦА?</b></font></i><br><br>
Лучший эпизод, участниками которого являются Шум Дождя и Маховое Перо: <a href="http://cwlegendofsea.ru/viewtopic.php?id=537#p24095"><b>ох уж эти сёстры</b></a>;<br>
Лучший отыгрыш, участниками которого являются Лиса Пламенного Заката, Быстрокрылый Журавль, Штормик и Вьюжка: <a href="http://cwlegendofsea.ru/viewtopic.php?id=653#p28065"><b>возвышенность</b></a>.<br><br>
<i><font face="Georgia">Всем спасибо за участие в голосовании!</font></i>

</div>

Я бы записал к примеру так:

<!-- ЛЕВОЕ ОКНО -->
<style>
.Lokno {
height: 235px;
color:  #4e4858;
text-align: justify;
margin-top: 15.5em;
width: 335px;
overflow-y: auto;
margin-left: 0.5em;
font-size: 12px;
overflow-x: hidden;
}
.kursiv {
font-style: italic;
font-family: Georgia;
}
.Lokno a, .bold {
font-weight: bold;
}
.size {
font-size: 9px;
}
.margin {
margin-bottom: 20px;
}
</style>

<div class="Lokno">
<p class="kursiv margin">Голосование завершилось, голоса уже подсчитаны, и пришло время объявить результаты конкурса Лучшие из Лучших!</p>

<p>В этот раз звание Почетного игрока присваивается <a href="http://cwlegendofsea.ru/profile.php?id=52">Делирию></a>!</p>
<p>Лучшим котом голосующие выбрали <a href="http://cwlegendofsea.ru/profile.php?id=8">Быстрокрылого Журавля</a>, а лучшей кошкой стала <a href="http://cwlegendofsea.ru/profile.php?id=53">Полынь</a>!</p>
<p>Имя Почетного флудильщика — <a href="http://cwlegendofsea.ru/profile.php?id=6">Лиса Пламенного Заката</a>!</p>
<p class="margin">Почетным игроманом объявляется <a href="http://cwlegendofsea.ru/profile.php?id=161">Утренний Ливень</a>!</p>

<p class="size">Лучшая цитата из игрового поста, автор - <a href="http://cwlegendofsea.ru/profile.php?id=116">Когтишка</a>:<p>
<p class="kursiv bold margin">— РОГАТИК! ТЫ ЧТО ТУТ ДЕЛАЕШЬ? — Заорал Когтишка, вставая передними лапами на ствол дерева. "Может дерево потрясти и он упадет? Совсем как яблоко!" — ТЫ ТАМ ЧТО, ДОЗРЕВАЕШЬ ДО ОРУЖЕНОСЦА?<p>

<p>Лучший эпизод, участниками которого являются Шум Дождя и Маховое Перо: <a href="http://cwlegendofsea.ru/viewtopic.php?id=537#p24095">ох уж эти сёстры</a>;</p>
<p class="margin">Лучший отыгрыш, участниками которого являются Лиса Пламенного Заката, Быстрокрылый Журавль, Штормик и Вьюжка: <a href="http://cwlegendofsea.ru/viewtopic.php?id=653#p28065">возвышенность</a>.</p>

<p class="kursiv">Всем спасибо за участие в голосовании!</p>
</div>

Что уменьшает количество тегов, не надо их постоянно прописывать, можно нужные классы использовать в других местах, группировать свойства и классы, а так же семантически более правильно. И чем меньше тегов, тем меньше путаницы, как пример ваш код:

<!-- ССЫЛКИ -->
<div style="
height: 20px;
    color: #965e6b;
    padding-left: 335px;
    text-align: justify;
    font-size: 10px;
    margin-top: -1em;
    width: 630px;">

<br><center><a href="http://cwlegendofsea.ru/viewtopic.php?id=11#p11" target="_blank"
style="font-size: 10px; line-height: 11px">правила</a> ●
<a href="http://cwlegendofsea.ru/viewtopic.php?id=18#p18" target="_blank"
style="font-size: 10px; line-height: 11px">сюжет</a> ●
<a href="http://cwlegendofsea.ru/viewtopic.php?id=13#p13" target="_blank"
style="font-size: 10px; line-height: 11px">списки</a> ●
<a href="http://cwlegendofsea.ru/viewtopic.php?id=15#p15" target="_blank"
style="font-size: 10px; line-height: 11px">занятые цепи имён</a> ●
<a href="http://cwlegendofsea.ru/viewtopic.php?id=10#p10" target="_blank"
style="font-size: 10px; line-height: 11px">карта</a> ●
<a href="http://cwlegendofsea.ru/viewtopic.php?id=487#p21376" target="_blank"
style="font-size: 10px; line-height: 11px">лента времени</a> ●
<a href="http://cwlegendofsea.ru/viewtopic.php?id=5#p5" target="_blank"
style="font-size: 10px; line-height: 11px">о племенах</a> ●
<a href="http://cwlegendofsea.ru/viewtopic.php?id=14#p14" target="_blank"
style="font-size: 10px; line-height: 11px">доска объявлений</a></center></font><br>

</div>

Закрывающий тег </font> не имеет открывающего.. Это: style="font-size: 10px; line-height: 11px" вы прописываете много раз, не проще ли создать класс и вынести из НТМЛ в css?

Отредактировано kolobdur74 (Ср, 31 Окт 2018 00:28:56)

+1

519

kolobdur74
То есть проблема заключается непосредственно в наполнении этой таблицы? Не в остальных стилях диза? Просто дело в том, что само наполнение окон уже не мое, а администрации форума. Мои здесь только стили div'ов, самих окон. Условно разметка.

0

520

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

То есть проблема заключается непосредственно в наполнении этой таблицы? Не в остальных стилях диза? Просто дело в том, что само наполнение окон уже не мое, а администрации форума. Мои здесь только стили div'ов, самих окон. Условно разметка.

Скорее всего проблема здесь с overflow, с ним бывают проблемы, возможно данный ресурс не понимает его.. Это надо поэкспериментировать с ним.. Еще где то такое отображение есть?

0


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