Вопросы по CSS (& HTML)

Поделиться105-02-2013 07:39:37

Автор: admin
takes to lead
Зарегистрирован: 29-04-2011
Приглашений: 0
Сообщений: 691
Уважение: +53
Позитив: +163
Провел на форуме:
7 дней 0 часов
Последний визит:
23-03-2013 22:58:04

Все ваши вопросы относительно внешнего вида форума.
Не забываем постить ссылку на проблему!

0

Поделиться42120-04-2013 16:43:55

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Hoga
Адрес форума.

0

Поделиться42220-04-2013 17:12:07

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Hoga
Найдите это:

Код:

#pun-about p.container {
    background-image: url("http://savepic.org/3390281.jpg");
    margin-left: -11px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 810px;
    height: 310px;
    overflow-x: hidden;
}

height: 310px; - уменьшайте цифру, пока всё станет как нужно)

+1

Поделиться42320-04-2013 17:16:09

Автор: Hoga
Мармеландия **
Зарегистрирован: 13-01-2013
Приглашений: 0
Сообщений: 34
Уважение: 0
Позитив: +2
Пол: Женский
Возраст: 31 [1993-05-06]
Провел на форуме:
9 часов 32 минуты
Последний визит:
02-02-2014 20:37:11

apl.de.ap написал(а):

height: 310px; - уменьшайте цифру, пока всё станет как нужно)

Боюсь это тоже не то. Размер у меня настроен под картинку. С уменьшением он просто начинает скрывать мой низ. А та полоса форума всё равно остаётся

Отредактировано Hoga (20-04-2013 17:21:36)

0

Поделиться42420-04-2013 17:26:27

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Hoga
Вы делали по уроку, или добавили от себя, т.к. в уроке этот контейнер без указаний, лишь фон. Лучше используйте этот шаблон
Делаем свой дизайн 2013

+2

Поделиться42520-04-2013 17:41:09

Автор: Hoga
Мармеландия **
Зарегистрирован: 13-01-2013
Приглашений: 0
Сообщений: 34
Уважение: 0
Позитив: +2
Пол: Женский
Возраст: 31 [1993-05-06]
Провел на форуме:
9 часов 32 минуты
Последний визит:
02-02-2014 20:37:11

apl.de.ap
Ох, я разобралась и нашла ошибку. Спасибо вам.)

0

Поделиться42621-04-2013 19:55:51

Автор: манго.\
я есмь клевер
$манго.\$
Зарегистрирован: 08-01-2012
Приглашений: 0
Сообщений: 161
Уважение: +26
Позитив: +5
Пол: Женский
Возраст: 28 [1996-09-20]
Провел на форуме:
3 дня 7 часов
Последний визит:
15-06-2014 17:23:54

Не подскажите, как сделать такое же меню, как тут*? И еще очень нужен код таблицы как на этом форуме.

Отредактировано манго.\ (21-04-2013 19:59:46)

0

Поделиться42721-04-2013 23:32:35

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

манго.\
Просто вертикальное меню? Дайте адрес форума.

манго.\ написал(а):

И еще очень нужен код таблицы как на этом форуме.

HTML-верх:

Код:

<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

HTML-низ:

Код:

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Объявление:

Код:

<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
<span alt="#sm2" style="cursor: pointer;">Новости форума</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Баннеры партнеров</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
текст добро пожаловать
</div>
     <div id="sm2" class="submenutext"><br /><br />
текст новости форума
</div>
     <div id="sm3" class="submenutext"><br /><br />
текст Администрация
</div>
     <div id="sm4" class="submenutext"><br /><br />
текст баннеры партнеров
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

+1

Поделиться42821-04-2013 23:39:15

Автор: ave
ok
Зарегистрирован: 06-01-2013
Приглашений: 0
Сообщений: 30
Уважение: +2
Позитив: +3
Провел на форуме:
5 часов 43 минуты
Последний визит:
25-04-2013 19:12:09

Можете пояснить как добавляется музыка в плеер и в профиль, на примере этого сообщения?

0

Поделиться42922-04-2013 03:06:57

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

ave
Загружаете трек на сайт (в том посте указан). Создаёте дополнительное поле в профиле, "заполнение" - "нет". Любому пользователю вставляете в это поле хтмл-код плеера полученным адресом трека (ссылку получаете на сайте, куда загружаете). Пример готового профиля:

Код:

<object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="27" width="180"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://cforum.at.ua/cf_music/slot-angel_i_demon.mp3&amp;swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&amp;w=180&amp;h=27&amp;time_seconds=0&amp;autoplay=0&amp;q=&amp;skin=black&amp;volume=50&amp;comment=" /></object>

+2

Поделиться43022-04-2013 15:34:03

Автор: манго.\
я есмь клевер
$манго.\$
Зарегистрирован: 08-01-2012
Приглашений: 0
Сообщений: 161
Уважение: +26
Позитив: +5
Пол: Женский
Возраст: 28 [1996-09-20]
Провел на форуме:
3 дня 7 часов
Последний визит:
15-06-2014 17:23:54

apl.de.ap написал(а):

Просто вертикальное меню? Дайте адрес форума.

Дело в том, что еще дизайн, к которому я хочу пристроить это меню, еще не сделан.
В принципе да, я хочу узнать, как сделать его вертикальным.

0

Поделиться43122-04-2013 16:14:14

Автор: ave
ok
Зарегистрирован: 06-01-2013
Приглашений: 0
Сообщений: 30
Уважение: +2
Позитив: +3
Провел на форуме:
5 часов 43 минуты
Последний визит:
25-04-2013 19:12:09

apl.de.ap написал(а):

Загружаете трек на сайт (в том посте указан). Создаёте дополнительное поле в профиле, "заполнение" - "нет". Любому пользователю вставляете в это поле хтмл-код плеера полученным адресом трека (ссылку получаете на сайте, куда загружаете).

спасибо, а расцветка проигрывателя в профиле как-то выбирается/редактируется?

0

Поделиться43222-04-2013 20:16:44

Автор: Eridan
на цыпочках ушедшие слова
Зарегистрирован: 23-03-2012
Приглашений: 0
Сообщений: 524
Уважение: +63
Позитив: +207
Пол: Женский
Возраст: 32 [1992-04-03]
Провел на форуме:
8 дней 5 часов
Последний визит:
03-02-2018 12:37:22

Добрый вечер! подскажите пожалуйста как поднять/опустить разделы "Форум", "Поиск" и т п , а так же "новые сообщения", "темы без ответов" и прочее.
где-то видела, но найти никак не могу. Заранее спасибо)

0

Поделиться43322-04-2013 20:23:41

Автор: amam
я есмь клевер
Зарегистрирован: 03-07-2012
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +1
Провел на форуме:
8 часов 25 минут
Последний визит:
03-07-2013 10:54:10

скажите, пожалуйста.. как блок цитаты сделать в рамке? в сплошной

0

Поделиться43423-04-2013 16:46:38

Автор: Emerson
я есмь клевер
Зарегистрирован: 23-04-2013
Приглашений: 0
Сообщений: 36
Уважение: +2
Позитив: +5
Провел на форуме:
16 часов 0 минут
Последний визит:
29-04-2020 20:27:04

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

Добрый вечер! подскажите пожалуйста как поднять/опустить разделы "Форум", "Поиск" и т п , а так же "новые сообщения", "темы без ответов" и прочее.

Стиль - первое окошко.
/* D3.1 */ - отвечает за оформление форум, участники, поиск и т.д.
/* D4.1 */ - отвечает за нижнее меню, т.е. активные темы, темы без ответов и т.д.

Если нужно поднять меню (ближе к шапке форума)
то прописываем вот такой код
margin-top: -30px; - значения меняете на свои.

Если опустить, то значение будет с плюсом
margin-top: 10px;

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

скажите, пожалуйста.. как блок цитаты сделать в рамке? в сплошной

Что вы имеете в виду под определением сплошной рамочкой? Как здесь на форуме или что?
И если можно пример.

+1

Поделиться43523-04-2013 17:12:57

Автор: amam
я есмь клевер
Зарегистрирован: 03-07-2012
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +1
Провел на форуме:
8 часов 25 минут
Последний визит:
03-07-2013 10:54:10

Emerson

вот, чтобы так была цитата. с тенью.. ну и другим цветом от фона

0

Поделиться43623-04-2013 20:47:04

Автор: Eridan
на цыпочках ушедшие слова
Зарегистрирован: 23-03-2012
Приглашений: 0
Сообщений: 524
Уважение: +63
Позитив: +207
Пол: Женский
Возраст: 32 [1992-04-03]
Провел на форуме:
8 дней 5 часов
Последний визит:
03-02-2018 12:37:22

Emerson
спасибо) [взломанный сайт]

0

Поделиться43723-04-2013 21:28:57

Автор: Loerian
я есмь клевер
Зарегистрирован: 27-03-2011
Приглашений: 0
Сообщений: 34
Уважение: +1
Позитив: 0
Провел на форуме:
22 часа 48 минут
Последний визит:
06-02-2014 13:21:25

Emerson

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

поднять меню (ближе к шапке форума)

А возможно перенести только само меню? У меня вот весь форум поднимается при любых структурах.

0

Поделиться43825-04-2013 12:27:49

Автор: Eridan
на цыпочках ушедшие слова
Зарегистрирован: 23-03-2012
Приглашений: 0
Сообщений: 524
Уважение: +63
Позитив: +207
Пол: Женский
Возраст: 32 [1992-04-03]
Провел на форуме:
8 дней 5 часов
Последний визит:
03-02-2018 12:37:22

Добрый день)
подскажите пожалуйста, как эти вещи сделать по центру? Я понимаю, что это делается где-то в стилях, но никак не пойму где именно)

примеры (первью)

и как сделать "отчеркивание" между постом и подписью?
например, как на LYL'e?

пример(первью)

а картинку вместо этого подчеркивания можно сделать? (типа горизонтальной полосы)
Заранее спасибо

Отредактировано Eridan (25-04-2013 12:28:32)

0

Поделиться43925-04-2013 15:54:02

Автор: Levin
я есмь клевер
Зарегистрирован: 28-08-2012
Приглашений: 0
Сообщений: 5
Уважение: 0
Позитив: 0
Провел на форуме:
1 час 55 минут
Последний визит:
27-10-2013 08:59:13

Ребят, подскажите, а то уже крыша едет х)

1. http://funkyimg.com/u2/4454/122/482028title-pic.jpg
как сделать расстояние поменьше?

2. http://funkyimg.com/u2/4454/125/8993276211.png
что это за штуки и как их убрать?

адрес форума: http://endspiel.mybb.ru/

Заранее спасибо!

Отредактировано Levin (25-04-2013 16:07:33)

0

Поделиться44026-04-2013 01:00:07

Автор: ушастая замарашка
я есмь клевер
Зарегистрирован: 27-10-2012
Приглашений: 0
Сообщений: 19
Уважение: +2
Позитив: +11
Провел на форуме:
22 часа 18 минут
Последний визит:
05-09-2016 21:28:04

как не печально я опять здесь)) бью рекорды по проблемности(
подскажите пжл где и что нужно убрать чтобы исчезло подчеркивание ссылок, это проблема уан.
проблема ту, где раздел отвечающий за движение иконок? чтобы ее слегка передвинуть вправо, чтобы текст не наезжал на нее)
скрин проблемы:
http://s3.uploads.ru/0l3bj.png
форум вот:
http://letsplayagame.rusff.ru/

Отредактировано ушастая замарашка (26-04-2013 01:06:46)

0

Поделиться44126-04-2013 01:47:05

Автор: morgan
главный по горшкам
Зарегистрирован: 27-07-2012
Приглашений: 0
Сообщений: 4222
Уважение: +1775
Позитив: +1413
Пол: Мужской
Провел на форуме:
2 месяца 25 дней
Последний визит:
12-03-2019 02:02:54

Eridan
Адрес форума?
Levin
Проблема решилась, как я вижу.
ушастая замарашка
Найдите в стилях:

.punbb div.icon {
float: right;
display: block;
width: 80px;
height: 80px;
padding: 0px;
margin-left: -10px;

Выделенное поменяйте на 0px;
Относительно ссылок:

.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: rgb(48, 32, 25);
border-bottom: 0px none rgb(0, 0, 0);
text-decoration: underline;
}

и

.punbb a {
text-decoration: underline;
}

Уберите выделенное и подчёркивание исчезнет)

+2

Поделиться44226-04-2013 08:18:08

Автор: ушастая замарашка
я есмь клевер
Зарегистрирован: 27-10-2012
Приглашений: 0
Сообщений: 19
Уважение: +2
Позитив: +11
Провел на форуме:
22 часа 18 минут
Последний визит:
05-09-2016 21:28:04

apl.de.ap
спасибо!

0

Поделиться44326-04-2013 19:03:10

Автор: Eridan
на цыпочках ушедшие слова
Зарегистрирован: 23-03-2012
Приглашений: 0
Сообщений: 524
Уважение: +63
Позитив: +207
Пол: Женский
Возраст: 32 [1992-04-03]
Провел на форуме:
8 дней 5 часов
Последний визит:
03-02-2018 12:37:22

apl.de.ap
http://therussiannobility.rusff.ru/

0

Поделиться44426-04-2013 19:12:14

Автор: Кролик
я есмь клевер
Зарегистрирован: 10-11-2012
Приглашений: 0
Сообщений: 35
Уважение: +1
Позитив: +16
Провел на форуме:
16 часов 15 минут
Последний визит:
15-11-2014 01:26:58

Здравствуйте. Помогите пожалуйста с решением нескольких проблем:
1. 1 - что нужно сделать, что бы надпись "Новый форум" выделялась тенью при наведении курсора на неё?; 2 - Как сделать так, что бы описание форума было курсивом?; 3 - Иконка по вертикале не помещается в размер форума.

Свернутый текст

2. Как изменить цвет надписи "Выделить код"

Свернутый текст

3. Как изменить цвет таких простых надписей как - Статистика форума, страница №~, Пользовательские ссылки, и т.п. В структуре никак не могу найти "раздел" отвечающий за это.

Свернутый текст

Заранее спасибо за ответы.Ссылка на форум

0

Поделиться44527-04-2013 00:39:00

Автор: Мося
нечисть
Зарегистрирован: 30-10-2011
Приглашений: 0
Сообщений: 1729
Уважение: +433
Позитив: +235
Провел на форуме:
19 дней 8 часов
Последний визит:
26-11-2016 00:27:12

Кролик
здравствуйте!

Кролик написал(а):

что нужно сделать, что бы надпись "Новый форум" выделялась тенью при наведении курсора на неё?;

во второе окно стиля
#pun .tcl a:hover {text-shadow:#FFFF99 1px 1px 1px}

Кролик написал(а):

2 - Как сделать так, что бы описание форума было курсивом?

во второе окно стиля
#pun .tcl {font-style: italic;}
#pun .tcl a {font-style: normal;}

Кролик написал(а):

Иконка по вертикале не помещается в размер форума.

там где у вас коды иконок, поменяйте у всех высоту на это
height: 70px !important;

Кролик написал(а):

2. Как изменить цвет надписи "Выделить код"

второе окно стиля
.punbb .code-box .legend a{color:#FF0FF0;} - обычная
.punbb .code-box .legend a:hover{color:#FF0000;} - при наведении

Кролик написал(а):

Как изменить цвет таких простых надписей как

в первом окне стиля А2.2, цвет свой впишите
.punbb {color: #192606;}

Отредактировано Мося (27-04-2013 00:39:31)

+1

Поделиться44627-04-2013 07:38:43

Автор: dolen
nothing is true
Зарегистрирован: 04-04-2012
Приглашений: 0
Сообщений: 308
Уважение: +133
Позитив: +36
Провел на форуме:
5 дней 1 час
Последний визит:
15-05-2018 10:58:30

Eridan

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

подскажите пожалуйста, как эти вещи сделать по центру?

профиль в постах - файл style.css, найдите следующий кусок и допишите выделенное красным

.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
text-align: center;
}

просмотр профиля - добавьте в style.css

div#viewprofile tr td {
text-align: center;
}

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

и как сделать "отчеркивание" между постом и подписью?

в style.css найдите

.punbb .post-sig dt {
display: block;
border-top: 0px solid #transparent;
width: 250px;
margin: 5px 0;
}

выделенное красным - параметры линии - толщина, тип и цвет. Если поставите, например,
border-top: 1px solid #000, то получите сплошную черную линию в 1 пиксель. и т.д.

Отредактировано dolen (27-04-2013 07:39:25)

+2