• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » $MESAGE$
$MESAGE$
Hors
Сообщений: 284
Репутация: 91

Сообщение # 1 | 15:22:43
Подскажите, как сделать что бы текст который набирает пользователь был в фотографии?Ну например - тут текст пользователя в рамке, мне надо также, но уже со своей картинкой

Требуются Модераторы на форум "ScriptsUcoz" Писать в ЛС
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 2 | 15:42:37
Hors, покажите пример того что вы хотите или где увидели.

Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 3 | 15:44:28
Hors, переделывается шаблон "Вид материала". Там есть специальные коды $IMG_URL1..10$ и $IMG_SMALL_URL1..10$ для прикрепляемых изображений. Если нужна одинаковая для всех сообщений картинка, то это ещё проще - прописываете её прямо в код шаблона.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Hors
Сообщений: 284
Репутация: 91

Сообщение # 4 | 16:00:18
Selena, не особо понял wink

Добавлено (02 Сен 2014, 16:00:18)
---------------------------------------------
Ucoz_fan, ну вот тут - сообщение моё в рамке


Требуются Модераторы на форум "ScriptsUcoz" Писать в ЛС
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 5 | 16:06:48
Hors, если не понятно, конкретизируйте свой вопрос. Можно на скриншоте дорисовать нужное. Мы тут тоже не очень хорошие гадалки. Нам бы ситуацию подетальнее узнать.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 6 | 16:43:25
Цитата Hors ()
ну вот тут - сообщение моё в рамке
В рамке и на фотографии 2 большие разницы, на фотографии не очень красиво будет смотреться, а если завернуть в рамку придать под блок контента дополнительно предельно мягкий фон без изображений, немного бордер радиус и выйдет шедевр. Вы даже не привели пример сайта где вы проводите данные опыты, или вы хотите чтобы я вам сейчас здесь написал стили с нуля, сделал пример, а потом по второму кругу объяснял как все это перенести на сайт.
Лучше сразу видеть сайт и на оригинале делать наброски.

Hors
Сообщений: 284
Репутация: 91

Сообщение # 7 | 19:10:47
Ucoz_fan, форум сайта в подписи

Требуются Модераторы на форум "ScriptsUcoz" Писать в ЛС
Hors
Сообщений: 284
Репутация: 91

Сообщение # 8 | 19:13:44
Прикрепления: 1203112.png (53.2 Kb)

Требуются Модераторы на форум "ScriptsUcoz" Писать в ЛС
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 9 | 19:51:36
Hors, Стандартный вид материалов форуму:

Цитата
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tbody><tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('$USERNAME$,');return false;"><font size="4" style="font-size: 14pt;">$USERNAME$</font></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://s5.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://s5.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--><table style="border-collapse: collapse; border: 1px solid black; width: 140px; height: 140px; background-image: url(http://servissoc.ru/510950-1920x1200.jpg); background-position: 0% 0%; background-repeat: initial initial;" width="" align="center"><tbody><tr><td style="border: 1px solid black;"><a href="<!--%IFTH2%1%--"></a><a href="<!--%IFTH2%1%--"></a><a href="$PROFILE_URL$"><img alt="" title="$USERNAME$" class="userAvatar" src="$AVATAR_URL$"></a><!--ENDIF--><?if(!($AVATAR_URL$))?>
<a href="$PROFILE_URL$"><img alt="" title="$USERNAME$" class="userAvatar" src="/imagesnoavatar.png"> </a>
<?endif?></td></tr></tbody></table><div style="text-align: center;"><br></div><div class="postRankIco"><b><table style="border-collapse: collapse; width: 140px; background-color: rgb(135, 206, 250); border: 1px solid black; background-image: url(http://servissoc.ru/panel/editor/saf/undefined); background-position: initial initial; background-repeat: initial initial;" width="" align="center"><tbody><tr><td style="border: 1px solid black;"><b>$GROUP_ICON$</b></td></tr><tr><td style="border: 1px solid black;"><b>Сообщений: <span="unp">$POSTS$</span="unp"></b></td></tr><tr><td style="border: 1px solid black;"><b>$USER_RANK_ICON$</b></td></tr><tr><td style="border: 1px solid black;"><b>$USER_RANK_NAME$</b></td></tr><tr><td style="border: 1px solid black;"><b>Награды: <span class="repNums"><a href="$AWARDS_READ_URL$" title="Список наград">$AWARDS$</a></span> <?if($AWARDS_DO_URL$)?><span title="Вручить награду" style="font-size: 10pt;"><a href="$AWARDS_DO_URL$">+</a></span><?endif?></b></td></tr><tr><td style="border: 1px solid black;"><b>Репутация: <a href="$READ_REP_URL$" title="Смотреть историю репутации">$REP_RATING$</a> <?if($DO_REP_URL$)?><span style="font-size: 10pt;"><a href="$DO_REP_URL$" title="Изменить репутацию">±</a><?endif?></span></b></td></tr><?if($READ_BAN_URL$)?><tr><td style="border: 1px solid black;"><b>Замечания: <a href="$READ_BAN_URL$" title="Смотреть историю замечаний">$BAN_RATING$</a> <?if($DO_BAN_URL$)?><a href="$DO_BAN_URL$" title="Изменить уровень замечаний">±</a><?endif?></b></td></tr><?endif?><tr><td style="border: 1px solid black;"><b>Статус: $USER_STATUS$</b></td></tr></tbody></table><br></b></div><!--ENDIF-->
<?if($POSTS$)?><?endif?>
<!--IF--><div class="reputation"><b> <?if($READ_REP_URL$)?></b><!--ENDIF--><?endif?>
<?if($READ_BAN_URL$)?><!--ENDIF--><?endif?>
<?if($USER_STATUS$)?><?endif?>
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
</div></td>
<td class="posttdMessage" valign="top">$MESSAGE$

<div class="post-ms"></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">
<tbody><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>
</tbody></table></td></tr></tbody></table>

Добавить в таблицу стилей CSS:
Код
.posttdMessage {
     text-align:justify;     
     padding: 10px 10px 0px 10px!important;
     background: #f4f4f4;
     border: 1px solid #d7d7d7;
     border-radius: 5px;
}
.post-ms {
top: 39px;
margin: 0px 0px 0px -20px;
width: 10px;
height: 18px;
overflow: hidden;
background: url(http://italias.ucoz.ru/post-mes-trol.png) no-repeat;
}
Выделенное красным, это новый класс который отвечает за вывод треугольника напротив юзера добавившего сообщение.Должно получиться вот так - http://i.imgur.com/RFfF13D.png
Изображение которое загружено на тестовый сайт не долговечно, желательно тем кто воспользуется данными стилями, загрузить данное изображение к себе на FTP и сменить ссылку на свою.

scmcpe
Сообщений: 206
Репутация: 7

Сообщение # 10 | 21:53:02
Ucoz_fan, у меня лично все работает спасибо но можно как нибудь изменить цвет а то мне по дизайну не очень подходит (задал вопрос в этой теме чтобы не создавать новую)
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 11 | 21:54:45
Цитата scmcpe ()
изменить цвет
сменить цвет чего? ссылку на сайт или тему на форуме и скриншот что сменить.

scmcpe
Сообщений: 206
Репутация: 7

Сообщение # 12 | 22:00:31
Ucoz_fan, я имею введу цвет этой рамки сменить возможно???
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 13 | 22:03:16
Цитата scmcpe ()
цвет этой рамки сменить возможно
да, возможно, но если менять цвет рамки, то нужно рисовать идентичный цвет для треугольника иначе будет несовпадение цветов, редактируется все вот здесь:
Цитата
border: 1px solid #d7d7d7;
Выделенное красным это текущий цвет рамки. В помощь в подборе цвета - http://www.color-hex.com/

scmcpe
Сообщений: 206
Репутация: 7

Сообщение # 14 | 22:08:41
Ucoz_fan, спасибо но цвет не меняется почему то(((
http://firedragon.tk/forum/2-13-1
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 15 | 22:11:13
Цитата scmcpe ()
цвет не меняется почему то
добивайте импортантом:
Код
border: 1px solid #2a57fc!important;

Сообщество uCoz » Архивариус » Корзина » $MESAGE$
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: