Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (52)
Продолжение темы: Общие вопросы от новичков (51)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Добрый вечер!
Т.к я первый раз делаю дизайн, у меня не получилось несколько деталей (http://testoviksvetika.mybb.ru/):
1. Не отображается шапка (возможно, из-за того, что я намудрила с размерами)
2. Иконки стоят не в колонке, а вылезают = > http://testoviksvetika.mybb.ru/viewforum.php?id=2
3. Передний фон стоит не ровно, как исправить?
4.
Хочу сделать границу у сообщений, так, чтобы профиль не сливался с отправленным сообщением.
5. В самой верхней/первой таблице можно ли сделать во втором сладкое так же 3 колонки?
Заранее большое спасибо!
Отредактировано М@шенька (Пт, 5 Июн 2015 00:11:40)
Заметил такую фишку, доп смайлы работают, но при редактировании и ЛС нет, что то можно придумать?
Ссылка
Отредактировано IIpuzpak (Пт, 5 Июн 2015 15:11:02)
kolobdur74
Спасибо) А поменять цвет звезд как можно? я понимаю, что это изображение, скрытое где-то в скрипте... Но я его не могу найти.
Кажется я нашла, где изображения... как вы думаете, если я заменю эту ссылку вот здесь:
var csw_base = "http://www.cursor-switch.com/images/";
на ссылку с фотобукета, который тоже может давать одну ссылку на несколько изображений. И сменю названия изображений вот здесь:
var csw_images = new Array('13.gif','14.gif','15.gif','16.gif','17.gif');
То курсор так же хорошо будет работать? Или там что-то еще нужно менять?
Отредактировано Waky Rider (Пт, 5 Июн 2015 02:31:11)
А поменять цвет звезд как можно? я понимаю, что это изображение, скрытое где-то в скрипте... Но я его не могу найти.
Собственно вы правильно поняли смысл, "http://www.cursor-switch.com/images/" - это папка, в которой находятся изображения, а это ('13.gif','14.gif','15.gif','16.gif','17.gif') - названия изображения и их последовательность, которые находятся в этой папке. То есть если у вас есть ссылка на папку в которой будут находится изображения то можно поменять.
Вопрос снят. Разобралась сама
Отредактировано Lusiya (Пт, 5 Июн 2015 13:55:37)
IIpuzpak
Если доп. смайлы стоят в HTML Форме Ответа => переставьте в HTML низ
1. Не отображается шапка (возможно, из-за того, что я намудрила с размерами)
Замените полностью Второе Окно стилей (style_cs)
html, body {
background:url(http://firepic.org/images/2015-05/07/qkr2sxluzi8k.jpg) 50% 0% fixed;
}#pun {
background: url(http://forumstatic.ru/files/0013/40/e4/95413.jpg) top center repeat-y;
width: 890px;
margin: 0 auto;
}/*Ставим шапку*/
#pun-title.section {
background: url(http://5.firepic.org/5/images/2015-06/0 … nx4y1x.jpg) top center no-repeat;
background-size: cover;
margin-left: -13px;
height: 520px;
}/* Корректируем позицию Меню Навигации */
#pun-navlinks .container {
margin-top: -40px !important;
}/* CS1 Background and text colours
-------------------------------------------------------------*/.punbb * {
color: #663300;
}.punbb #pun-main thead .tcl {
color: transparent;
}/* 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: transparent;
color: #660000;
}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #660000;
}/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #000000;
font-weight: normal;
font-style: normal;
}/* CS1.4 */
#pun-title TABLE {background: transparent !important; }/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 105px;
height: 66px;
padding-top: 2px;
margin-top: 1px;
background-position: center center;
}#pun-title .title-logo span {display: none;}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #993300
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #330000;
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #FFFFCC;
color: #663300;
}/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
color: #000000;
background: url() no-repeat center;
text-align: center;
}.offline li.pa-online strong {
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;
border: none !important;
background: #f6eeea;
border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
}/* 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: #996600;
}#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 #000000
}li.pa-online {
border-left-color: #000000;
}.punbb .post-sig dt {
border-top-color: #000000 !important;
}/* 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: #990000;
border-bottom: 0px none transparent;
text-decoration: underline;
}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #990000;
}/* 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: #990000;
border-bottom: 0px none #F3F552;
text-decoration: underline;
}/* CS3.3 */
#pun-navlinks a {
color: #990000;
border-bottom: 12px none #000;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #990000;
font-weight: normal;
font-style: normal;
border-bottom: 12px none #000;
text-decoration: underline;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #000;
color: #fff;
}/* CS4 Post status icons
-------------------------------------------------------------*/div.icon {
background: url(http://savepic.ru/3317446.png) no-repeat;}
tr.inew div.icon {
background: url(http://savepic.ru/3316422.png) no-repeat;}
tr.iclosed div.icon {
background: url(http://savepic.ru/3312326.png) no-repeat;}
tr.iredirect div.icon {
background: url(http://savepic.ru/3310278.png) no-repeat;}#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 300px; top: 350px;}
Отредактировано Alex_63 (Пт, 5 Июн 2015 18:08:53)
Хочу сделать границу у сообщений, так, чтобы профиль не сливался с отправленным сообщением.
В Конец первого Окна стилей:
.post-body {
border-left: solid 1px #663300 !important;
}
И да, нун уже самой пробовать разбираться - определять селекторы нужных элементов, пытаться обозначать border'ы и т.п..Вы на Майбб пришли раньше моего - а я Вам правлю стили и HTML..)
Alex_63, здравствуйте!
Возник все же вопрос...
Вы подгоняли (объединяли) всплывающие подсказки и цитаты... Сейчас заметила, что пунктирная линия обрезана, можно ее как-то подредактировать, чтобы она не была обрезанной Ссылка?
Отредактировано Lusiya (Пт, 5 Июн 2015 18:45:02)
3. Передний фон стоит не ровно, как исправить?
2. Иконки стоят не в колонке, а вылезают = > http://testoviksvetika.mybb.ru/viewforum.php?id=2
Что где неровно - сделайте скрин и ткните стрелкой
Отредактировано Alex_63 (Пт, 5 Июн 2015 18:27:14)
Lusiya
Замените стиль Цитаты из книг
/* Цитаты из книг и Время позитива Ч1 */
.post-content .book, .post-content .yumor {
color: #000000;
border-radius: 0 25px 0 25px;
padding: 0 1em 1em 1em; margin-bottom:1em;
background: #EDD9A2 url("http://savepic.su/5665223.png") no-repeat 0 50%;
background: -moz-linear-gradient(0deg,#EDD9A6, #FDB90F);
background: -webkit-linear-gradient(0deg,#EDD9A6, #FDB90F);
background: -o-linear-gradient(0deg,#EDD9A6, #FDB90F);
}
.post-content .book>blockquote {
padding: 18px 0;
padding-left: 80px;
background: url("http://savepic.su/5661138m.png") no-repeat -15px 50%;
}
.post-content .yumor>blockquote {
padding: 25px 0;
padding-left: 110px;
background: url("http://savepic.su/5665223.png") no-repeat -15px 50%;
}
.post-content .book>blockquote p {
font: italic normal 400 21px/28.6px Isabella-Decor;
width:541px;max-width:541px;
font-weight: bold;
color: #000000;
}
.post-content .yumor>blockquote p {
font: italic normal 400 18px/24px "Comic Sans MS";
width:541px;max-width:541px;
color: #000000;
}
.post-content .book > cite,.post-content .yumor > cite {
display: block;
margin: 0 -1em 0 -1em;
border-bottom:#B200FF 1px dashed;
font: italic normal 700 15px/21.6px Georgia;
width:541px;max-width:541px;
padding: 7px 12px;
}
.post-content .book {
background: #EDD9A2 url("http://savepic.su/5661138m.png") no-repeat 0 50%;
background: -moz-linear-gradient(0deg,#EDD9A6, #F8F8F6);
background: -webkit-linear-gradient(0deg,#EDD9A6, #F8F8F6);
background: -o-linear-gradient(0deg,#EDD9A6, #F8F8F6);
font: italic normal 400 17px/normal Georgia;
}
#add_Quotes {
position:absolute;
width: 24px!important;
left: 50%;
margin-left: -12px;
top: 0;
}
#button-quote>center {
opacity: 0;
visibility: hidden;
transition-duration: 1.4s;
}
#button-quote:hover>center {
transition-duration: 1.4s;
opacity: 1;
visibility: visible;
}
.punbb #add_Quotes tr {
padding: 0 !important;
max-height: 22px !important;
}
#add_Quotes td {
height: 10px !important;
padding: 0 !important;
width: 22px !important;
}
#button-book {
background: url("http://savepic.ru/7069041.png") no-repeat 50% 3px;
background-size: auto 23px;
}
#button-yumor {
background: url("http://savepic.su/5665223.png") no-repeat 50%;
background-size: cover;
}
На такой -
/* Цитаты из книг и Время позитива Ч1 */
.post-content .book,.post-content .yumor {
color: #000000;
border-radius: 0 25px 0 25px;
padding: 0 1em 1em 1em; margin-bottom:1em;
background: #EDD9A2 url("http://savepic.su/5665223.png") no-repeat 0 50%;
background: -moz-linear-gradient(0deg,#EDD9A6, #FDB90F);
background: -webkit-linear-gradient(0deg,#EDD9A6, #FDB90F);
background: -o-linear-gradient(0deg,#EDD9A6, #FDB90F);
}
.post-content .book>blockquote {
padding: 18px 0;
padding-left: 80px;
background: url("http://savepic.su/5661138m.png") no-repeat -15px 50%;
}
.post-content .yumor>blockquote {
padding: 25px 0;
padding-left: 110px;
background: url("http://savepic.su/5665223.png") no-repeat -15px 50%;
}
.post-content .book>blockquote p {
font: italic normal 400 21px/28.6px Isabella-Decor;
width:541px;max-width:541px;
font-weight: bold;
color: #000000;
}
.post-content .yumor>blockquote p {
font: italic normal 400 18px/24px "Comic Sans MS";
width:541px;max-width:541px;
color: #000000;
}
.post-content .book > cite, .post-content .yumor > cite {
display: block;
margin: 0 -3px 0 -8px !important;
border-bottom: #B200FF 1px dashed;
font: italic normal 700 15px/21.6px Georgia;
max-width: 650px;
padding: 7px 6px;
}
.post-content .book {
background: #EDD9A2 url("http://savepic.su/5661138m.png") no-repeat 0 50%;
background: -moz-linear-gradient(0deg,#EDD9A6, #F8F8F6);
background: -webkit-linear-gradient(0deg,#EDD9A6, #F8F8F6);
background: -o-linear-gradient(0deg,#EDD9A6, #F8F8F6);
font: italic normal 400 17px/normal Georgia;
}
#add_Quotes {
position:absolute;
width: 24px!important;
left: 50%;
margin-left: -12px;
top: 0;
}
#button-quote>center {
opacity: 0;
visibility: hidden;
transition-duration: 1.4s;
}
#button-quote:hover>center {
transition-duration: 1.4s;
opacity: 1;
visibility: visible;
}
.punbb #add_Quotes tr {
padding: 0 !important;
max-height: 22px !important;
}
#add_Quotes td {
height: 10px !important;
padding: 0 !important;
width: 22px !important;
}
#button-book {
background: url("http://savepic.ru/7069041.png") no-repeat 50% 3px;
background-size: auto 23px;
}
#button-yumor {
background: url("http://savepic.su/5665223.png") no-repeat 50%;
background-size: cover;
}
(* Поправил
Отредактировано Alex_63 (Пт, 5 Июн 2015 18:29:15)
Alex_63
заменила, ничего не изменилось 
Lusiya
Поправил - переставьте
Lusiya
Поправил - переставьте
ага, 
теперь все Ок! 
Спасибо Большое!
.
Отредактировано Alex_63 (Пт, 5 Июн 2015 18:57:27)
5. В самой верхней/первой таблице можно ли сделать во втором сладкое так же 3 колонки?
<center><table cellspacing="0" cellpadding="0" border="0" style="margin-left: -14px!important;">
<tr>
<td align="center">
<!-- Слайдер -->
<div id="slideshow">
<div id="slidesContainer">
<!-- Первый слайд -->
<div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
<td align="center" valign="top" style="width: 200px;">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<b>Добро пожаловать!</b><br>
<center>~~~</center>
Добро пожаловать на ЛВС - новый проект, посвященный Котам-Воителям. Просьба не судить строго - мы только начинаем. Присоединяйся к нам!<br>
<br>
<b>Помоги нашему форуму! Проголосуй!</b><br>
<br>
<a href="http://forum-top.ru/vote/4257" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x15_10.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
<a href='http://wizardtop.ru/in.php?id=2995' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/15.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
</div>
</td>
<td align="center" valign="top" style="width: 350px;">
<div style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 346px; height: 300px;" class="skrug">
<b>Новости</b><br>
<center>~~~</center>
<b>Нам нужны игроки!</b><br>
<center>•••</center>
<b>• 8 мая 2015 •</b> Просьба тем, кого нет в <a href="http://koty.rolevaya.ru/viewtopic.php?id=126">списке племен</a> отписаться для добавления. <br>
<b>• 5 мая 2015 •</b> Хей, хей, хей, почему посещаемость упала? А ну-ка, поднимаем свои пушистые попки и идем ролевить!<br>
<b>• 19 апреля 2015 •</b> Стартовал новый <a href="http://koty.rolevaya.ru/viewtopic.php?id=235">сюжет</a>!<br>
<b>• 17 апреля 2015 •</b> У нас появилась новая система взросления персонажей! Ознакомьтесь с этой <a href="http://koty.rolevaya.ru/viewtopic.php?id=297">темой</a>.<br>
<b>• 1 апреля 2015 •</b> Это свершилось! Форум открыт для игры. Это не шутка! Заходите, мы всем будем рады!)
</div>
</td>
<td align="center" valign="top" style="width: 150px;">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Партнеры<br>
<br />
Здесь будут баннеры партнеров
</div>
</td>
</tr>
</table>
</div>
<!-- Второй слайд -->
<div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
<td align="center" valign="top" style="width: 150px;">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
LINKS<br />
<br />
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
</div>
</td>
<td align="center" valign="top" style="width: 150px;">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
ADMINISTRATION<br>
<br />
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
</div>
</td>
<td align="center" valign="top" style="width: 150px;">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Новый Столбец Таблицы<br>
<br />
Содержимое Столбца
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<!-- END Слайдер -->
</td>
</tr>
</table></center>
Если доп. смайлы стоят в HTML Форме Ответа => переставьте в HTML низ
Спасибо.
Еще проблема, один 
которого постоянно баню, опять регистрируется с другого ИП, что можно сделать, видимо заходит через программу, и ИПы разные, как его можно на всегда забанить???
Ссылка
IIpuzpak
Можно создать группу "Новички", из которой пользователи будут перемещаться в группу "Пользователи" по достижении N сообщений - и поставить скрипт Премодерации тем и Сообщений для этой группы. Тогда этот пользователь будет писать сообщения, но они не будут видны другим участникам (кроме Админа и модеров) - и юзер поймет, что писать посты с новосозданного аккаунта - бесполезная затея, и уйдет с форума))
Alex_63
Можно создать группу "Новички", из которой пользователи будут перемещаться в группу "Пользователи" по достижении N сообщений
Это я сделаю.
и поставить скрипт Премодерации тем и Сообщений для этой группы.
Какой скрипт???
Тогда и другие вновь пришедшие туда же попадут???
Тогда и другие вновь пришедшие туда же попадут???
С нужных сообщений премодерацию можно снимать.
А флуд - удалять.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (52)
