CSS: решение вопросов - Страница 98

Страница 98 из 111 « 1 2 … 96 97 98 99 100 … 110 111 »
Модератор форума: Yuri_G

CSS: решение вопросов (только таблица стилей)

CSS: решение вопросов

Модератор форума

Сообщение # 1 | 18:03:25 09 Май 2009

Тема для пользователей, которые не в первый раз слышат о CSS

Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник

Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата

Selena

Сообщений: 15657

Репутация: 1100

Сообщение # 1456 | 20:11:21 25 Фев 2014

igor998, у вас в браузере для этой страницы какой масштаб выставлен?

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1457 | 12:36:41 26 Фев 2014

Помогите, когда пользователь добавляет видео с ютуба вставляя ссылку то оно отображается маленьким не в ширину страницы. Я знаю как через HTML менять размер, но нужно сразу что бы видео вытягивалось сайт kinodk.naro.ru

Таже проблема есть и в обычных комментариях если вставить ролик с ютуда

Прикрепления: 6584671.jpg (131.5 Kb) · 1763169.jpg (170.4 Kb)

Rad_van_Cor

Сообщений: 1179

Репутация: 437

Сообщение # 1458 | 19:23:31 26 Фев 2014

MikhailovCity, не открывается ваш сайт.
Там нужно в CSS прописать, что бы все видео на форуме были определённой ширины.
Киньте код который у вас прописан в форуме вид материалов.

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1459 | 20:13:05 26 Фев 2014

САЙТ забыл правильно написать http://kinodk.narod.ru/

Rad_van_Cor,

Цитата Rad_van_Cor (

)

MikhailovCity, не открывается ваш сайт. Там нужно в CSS прописать, что бы все видео на форуме были определённой ширины.
Киньте код который у вас прописан в форуме вид материалов.

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></td><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'};);return false;"><img alt="" src="http://s214.ucoz.net/img/icon/thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'};);return false;"><img alt="" src="http://s214.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>
<tr><td class="postTdInfo" valign="top">
<?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?><?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?>

<?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?>
<?if($GROUP_NAME$)?><div class="postUserGroup">Группа: $GROUP_NAME$</div><?endif?>
<?if($POSTS$)?><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div><?endif?>
<?if($AWARDS_READ_URL$)?><div class="reputation">Награды: <a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>$AWARDS$</b></span></a> <?if($AWARDS_DO_URL$)?> <a href="$AWARDS_DO_URL$"><span style="font-size:10pt" title="Вручить награду"><b>+</b></span></a><?endif?><?endif?>
<?if($READ_REP_URL$)?><div class="reputation">Репутация: <a title="Смотреть историю репутации" class="repHistory" href="$READ_REP_URL$"><b>$REP_RATING$</b></a> <?if($DO_REP_URL$)?> <a class="reputationDo" title="Изменить репутацию" href="$DO_REP_URL$"><span style="font-size:10pt"><b>±</b></span></a></div><?endif?><?endif?>
<?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div><?endif?><?endif?>
<?if($USER_STATUS$)?><div class="statusBlock">Статус: $USER_STATUS$</div><?endif?>
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
</td><td class="posttdMessage" valign="top"><div class="posttdMessage img {max-width:800px;} posttdMessage img {max-height:800px;}">$MESSAGE$</div>
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>
<?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>
<tr><td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip">[ <a class="postIpLink" href="https://apps.db.ripe.net/search/query.html?searchtext=$USER_IP$" target="_blank">$USER_IP$</a><?if($POST_COUNTRY_ID$)?> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>)<?endif?> ]</div><?else?> <?endif?></td><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>
</table></td></tr></table>

Сообщение отредактировал MikhailovCity - Среда, 26 Фев 2014, 20:19:38

Rad_van_Cor

Сообщений: 1179

Репутация: 437

Сообщение # 1460 | 20:25:38 26 Фев 2014

MikhailovCity, находим в коде эту строку

Код

<div class="posttdMessage img {max-width:800px;} posttdMessage img {max-height:800px;}">$MESSAGE$</div>

И заменяем на это

Код

$MESSAGE$

Дальше идём в Таблицу стилей CSS и там в самом конце вставляем это

Код

td.posttdMessage img {max-width:800px;} /* Эта строка будет ограничивать ширину картинок до 800px число 800 можно поменять на любое своё */
.ucoz-forum-post object {width:800px!important;height:400px!important;} /* Это строка будет задавать всем видео ширину 800px и высоту 400px . Тут тоже 800 и 400 можно менять на свои значения. */

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1461 | 20:36:59 26 Фев 2014

Rad_van_Cor, всё сделал не помогло)

Прикрепления: 1035281.jpg (207.8 Kb)

Rad_van_Cor

Сообщений: 1179

Репутация: 437

Сообщение # 1462 | 20:42:40 26 Фев 2014

MikhailovCity, замените эту строку в CSS

Код

.ucoz-forum-post object {width:800px!important;height:400px!important;}

Заменить на это

Код

.posttdMessage object {width:800px!important;height:400px!important;}

Сообщение отредактировал Rad_van_Cor - Среда, 26 Фев 2014, 20:47:54

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1463 | 20:47:52 26 Фев 2014

Rad_van_Cor, ссылка видео в самом низу http://kinodk.narod.ru/forum/19-7-1#388

Rad_van_Cor

Сообщений: 1179

Репутация: 437

Сообщение # 1464 | 20:48:30 26 Фев 2014

MikhailovCity, ну как я вижу теперь всё работает.

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1465 | 20:54:24 26 Фев 2014

Цитата Rad_van_Cor (

)

.posttdMessage object {width:800px!important;height:400px!important;}

ВСЁ ПОЛУЧИЛОСЬ СПАСИБО)))

4aynik

Сообщений: 4

Репутация: 0

Сообщение # 1466 | 00:16:59 27 Фев 2014

Хотел задать стиль/класс всем таблицам на сайте, написал клас в конце "таблицы стилей", он работает частично...
Как правильно прописать в таблице стилей CSS?
Может в эти скобки (ниже) нужно вписывать классы? И почему не получилось добавить класс в низ "таблицы стилей"?

/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}

lesvano2

Сообщений: 6

Репутация: 0

Сообщение # 1467 | 11:23:40 27 Фев 2014

Здравствуйте. Помогите пожалуйста правильно изменить фон моего шаблона, а то возникает проблема.
Выбрал шаблон для своего сайта - Дизайн #802 .
Все устраивает, но хочу сменить главный фон. Воспользовался мануалом по этому шаблону.Там написано войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:
Код

Код

/* General Style */
body {background: url('/.s/t/802/1.jpg'); margin:0px; padding:0px; text-align: center;}

/.s/t/802/1.jpg - данный участок кода необходимо заменить на свою ссылку на картинку

В своей Таблице стилей я не нашел такого фрагмента кода! Вот моя таблица стилей

Код

/* General Style */
a:link {text-decoration:underline; color:#8B8881;}
a:active {text-decoration:underline; color:#8B8881;}
a:visited {text-decoration:underline; color:#8B8881;}
a:hover {text-decoration:underline; color:#000000;}

.topLink a:link {text-decoration:none; color:#000000;}
.topLink a:active {text-decoration:none; color:#000000}
.topLink a:visited {text-decoration:none; color:#000000;}
.topLink a:hover {text-decoration:none; color:#FCFFEF;}

a.forRegLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link {text-decoration:underline; color:#333333;}
a.forRegLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active {text-decoration:underline; color:#333333;}
a.forRegLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited {text-decoration:underline; color:#333333;}
a.forRegLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover {text-decoration:underline; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;color:#000000;}
td img {vertical-align: middle;}
form {padding:0;margin:0;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

li {margin-left: 20px;}
ul {padding-left: 20px; margin: 5px 0;}
ul li {margin-left: 0;}

a.noun:link {text-decoration:none; color:#8B8881}
a.noun:active {text-decoration:none; color:#8B8881}
a.noun:visited {text-decoration:none; color:#8B8881}
a.noun:hover {text-decoration:underline; color:#000000}

hr {color:#C2C2C2;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#6C829D;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#9CCF00}
a.menu1:active {text-decoration:underline; color:#9CCF00}
a.menu1:visited {text-decoration:underline; color:#9CCF00}
a.menu1:hover {text-decoration:none; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/971/11.gif') no-repeat 0 3px;}
.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

Тогда я просто добавил вручную строку

Код

/* вот вставил только эту одну строку ----------------------------------------------------------------------------- */
body {background: url('http://sumki2000.ucoz.ru/fon_sumok1.jpg'); margin:0px; padding:0px; text-align: center;}
/*-----------------------------------------------------------------------------------------------------------------*/

В результате таблица стилей получилась такой

Код

/* General Style */
a:link {text-decoration:underline; color:#8B8881;}
a:active {text-decoration:underline; color:#8B8881;}
a:visited {text-decoration:underline; color:#8B8881;}
a:hover {text-decoration:underline; color:#000000;}

.topLink a:link {text-decoration:none; color:#000000;}
.topLink a:active {text-decoration:none; color:#000000}
.topLink a:visited {text-decoration:none; color:#000000;}
.topLink a:hover {text-decoration:none; color:#FCFFEF;}

a.forRegLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link {text-decoration:underline; color:#333333;}
a.forRegLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active {text-decoration:underline; color:#333333;}
a.forRegLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited {text-decoration:underline; color:#333333;}
a.forRegLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover {text-decoration:underline; color:#FFFFFF;}

/* вот вставил только эту одну строку ----------------------------------------------------------------------------- */
body {background: url('http://sumki2000.ucoz.ru/fon_sumok1.jpg'); margin:0px; padding:0px; text-align: center;}
/*-----------------------------------------------------------------------------------------------------------------*/

td, body {font-family:verdana,arial,helvetica; font-size:8pt;color:#000000;}
td img {vertical-align: middle;}
form {padding:0;margin:0;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

li {margin-left: 20px;}
ul {padding-left: 20px; margin: 5px 0;}
ul li {margin-left: 0;}

a.noun:link {text-decoration:none; color:#8B8881}
a.noun:active {text-decoration:none; color:#8B8881}
a.noun:visited {text-decoration:none; color:#8B8881}
a.noun:hover {text-decoration:underline; color:#000000}

hr {color:#C2C2C2;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#6C829D;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#9CCF00}
a.menu1:active {text-decoration:underline; color:#9CCF00}
a.menu1:visited {text-decoration:underline; color:#9CCF00}
a.menu1:hover {text-decoration:none; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/971/11.gif') no-repeat 0 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

Фон на сайте изменился, НО нарушилась структура сайта.
Адрес моего сайта http://sumki2000.ucoz.ru/
Подскажите как корректно изменить фон данного шаблона (Дизайн #802), В МАНУАЛЕ наверно неправильная информация.
Спасибо.

Selena

Сообщений: 15657

Репутация: 1100

Сообщение # 1468 | 16:54:29 27 Фев 2014

lesvano2, вот это удалите:

/*---------------------------------------------------------------------------------------------*/

lesvano2

Сообщений: 6

Репутация: 0

Сообщение # 1469 | 17:13:54 27 Фев 2014

Цитата Selena (

)

lesvano2, вот это удалите: /*---------------------------------------------------------------------------------------------*/

Удалил. Ничего не изменилось. Да и какое это имеет отношение? Ведь это обычная строка комментария.
Подскажите как все-таки правильно и корректно изменить фон сайта? В каком месте он прописывается?

Selena

Сообщений: 15657

Репутация: 1100

Сообщение # 1470 | 17:22:32 27 Фев 2014

Цитата lesvano2 (

)

Удалил. Ничего не изменилось.

Действительно НИЧЕГО не изменилось.

Неужели вы не видите, что после этой полоски все стили отключились? Просто сравните с любой другой отметкой комментария. У вас пробелы перед/после звёздочки отсутствуют. Но в данном случае вся полоска не нужна.

Прикрепления: 5826058.png (13.9 Kb)

CSS: решение вопросов (только таблица стилей)

Страница 98 из 111
«
1
2
…
96
97
98
99
100
…
110
111
»