Дата: Вс, 08.07.2012, 08:03:37 | Сообщение # 1
|
Персональная страница:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Профиль пользователя $_USERNAME$</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <span style="display:none;"><span class="Ls_Avik"> <?if($_AVATAR$)?><img src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos ($_AVATAR$,'src')+5), '>')-3)?>" border="0" style="width:50px; max-height:50px;" /> <?else?><img style="" src="http://rurip.ru/img/profile/no_avatar.jpg" border="0" align="absmiddle" style="width:50px; max-height:50px;" title="Нет аватара"><?endif?> </span></span><body> <script type="text/javascript">window.resizeTo(800,500);</script> <div class="viewn_loop viewn_green popup_full"> <div class="viewn_t"> <div class="viewn_t_in"> <h4 class="viewn_title">Профиль пользователя $_USERNAME$</h4> </div> </div> <div class="viewn_c"> <div class="viewn_c_in"> <div class="viewn_c_in2"> <div class="pop_prof"> <div class="pop_prof_in"> <div class="rows1"> <div class="pop_prof_avatar">$_AVATAR$</div> <div class="hr_v4"></div> <div class="group_user">$_GROUP_NAME$</div> <div class="pop_prof_rang"> <div class="pop_prof_rang_l">$_RANK_ICON$<!-- <div class="ugi_10"></div> --></div> <div class="pop_prof_rang_2"> - [$_RANK_NAME$]</div> </div> <div class="hr_v4"></div> <ul class="pop_prof_link"> <?if($_CHANGE_DETAILS_URL$)?><li><a href="$_CHANGE_DETAILS_URL$">Изменить данные</a></li><?endif?> <?if($_PM_READ_URL$)?><li><a href="$_PM_READ_URL$">Личные сообщения</a></li><?endif?> <?if($_PM_SEND_URL$)?><li><a href="$_PM_SEND_URL$" title="Отправить личное сообщение">Отправить ЛС</a></li><?endif?> <li><a href="$LOGOUT_LINK$">Выход</a></li> </ul> <div class="hr_v4"></div> </div> <div class="rows2"> <div class="pop_prof_r_title">Поощрения и Замечания</div> <div class="hr_v4"></div> <ul class="pop_prof_link" style="width: 188px;"> <?if($_REP_READ_URL$)?><li><a href="$_REP_READ_URL$" title="Смотреть историю репутации">Репутация - $_REPUTATION$</a> <?if($_REP_DO_URL$)?> [<a href="$_REP_DO_URL$">±</a>]<?endif?></li><?endif?> <?if($_BAN_READ_URL$)?><li><a class="banPercent" title="Смотреть историю замечаний" href="$_BAN_READ_URL$">Замечания - $_BAN_PERCENT$%</a> <?if($_BAN_DO_URL$)?> <a href="$_BAN_DO_URL$"><img alt="" style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://s42.ucoz.net/img/fr/wm.gif" width="10" height="9" /></a><img alt="" style="margin:0;padding:0;border:0;" src="http://s42.ucoz.net/img/fr/w$_BAN_RATING$.gif" width="49" height="9" /><a href="$_BAN_DO_URL$"><img alt="" style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://s42.ucoz.net/img/fr/wp.gif" width="10" height="9" /></a><?endif?></li><?endif?> <script type="text/javascript"> var col = 'http://rurip.ru/skripty/profile_extm/cool.gif'; var polic = 'http://rurip.ru/skripty/profile_extm/policeman.gif'; var puk = 'http://rurip.ru/skripty/profile_extm/sick.gif'; var ninj = 'http://rurip.ru/skripty/profile_extm/ninja.gif'; </script> <script type="text/javascript" src="http://rurip.ru/skripty/profile_extm/us_zamechaniya.js"></script> <!-- <?if($AWARDS_READ_URL$)?><li><a href="$AWARDS_READ_URL$" title="Список наград">Награды - $AWARDS$</a> <?if($AWARDS_DO_URL$)?>[<a href="$AWARDS_DO_URL$">+</a>]<?endif?></li><?endif?> --> </ul> <?if($_IS_ACTIVITY$)?> <div class="hr_v4"></div> <div class="pop_prof_r_title">Активность пользователя</div> <div class="hr_v4"></div> <ul class="pop_prof_link"> <?if($_COM_ENTRIES$)?><li><a href="$_COM_ACTIVITY_URL$" target="_blank">Комментарии</a> <b>($_COM_ENTRIES$)</b></li><?endif?> <?if($_FORUM_ENTRIES$)?><li><a href="$_FORUM_ACTIVITY_URL$" target="_blank">Форум</a> <b>($_FORUM_ENTRIES$)</b></li><?endif?> <?if($_NEWS_ENTRIES$)?><li><a href="$_NEWS_ACTIVITY_URL$" target="_blank">Игровые новости</a> <b>($_NEWS_ENTRIES$)</b></li><?endif?> <?if($_PUBL_ENTRIES$)?><li><a href="$_PUBL_ACTIVITY_URL$" target="_blank">Статьи</a> <b>($_PUBL_ENTRIES$)</b></li><?endif?> <?if($_LOAD_ENTRIES$)?><li><a href="$_LOAD_ACTIVITY_URL$" target="_blank">Файлы</a> <b>($_LOAD_ENTRIES$)</b></li><?endif?> <?if($_BOARD_ENTRIES$)?><li><a href="$_BOARD_ACTIVITY_URL$" target="_blank">Обзоры игр</a> <b>($_BOARD_ENTRIES$)</b></li><?endif?> </ul> <div class="hr_v4"></div> <?endif?> </div> <div class="rows3"> <div class="pop_prof_title">Информация пользователя</div> <table class="pop_prof_info"> <tbody> <tr> <td>Пользователь:</td> <td><a href="javascript://" rel="nofollow" onclick="prompt('Адрес профиля данного пользователя','$_PROFILE_URL$')"><b>$_USERNAME$</b></td> </tr> <?if($_GROUP_NAME$)?><tr> <td>Группа:</td> <td><?if($MODER_PANEL$)?>$MODER_PANEL$<?else?><span class="prof_green_link"><b>$_GROUP_NAME$</b></span><?endif?></td> </tr><?endif?> <?if($_REG_TIME$)?><tr> <td>Дата регистрации:</td> <td>$_REG_TIME$</td> </tr><?endif?> <?if($_LOG_TIME$)?><tr> <td>Дата входа:</td> <td>$_LOG_TIME$</td> </tr><?endif?> <?if($_STATUS$)?><tr> <td>Статус:</td> <td>$_STATUS$</td> </tr><?endif?> </tbody></table> <div class="pop_prof_title">Контактные данные</div> <table class="pop_prof_info"> <tbody><?if($_WWW$)?><tr> <td>Сайт:</td> <td><a href="javascript://" onClick="prompt('Сайт','$_WWW$');">$_WWW$</a></td> </tr><?endif?> <tr> <td>Е-mail:</td> <td> <?if($_IS_OWN_PROFILE$)?> $_EMAIL$ <?if($_EMAIL_IS_HIDDEN$)?><span style="font-size:7pt">(Адрес скрыт)</span><?endif?> <?else?> <?if($MODER_PANEL$)?><a href="mailto:$_EMAIL$">$_EMAIL$</a><?if(!$_EMAIL_IS_VERIFIED$)?> <span style="color:red;" title="Not verified e-mail">*</span><?endif?> <?else?> <?if($_SEND_EMAIL_URL$)?><a href="$_SEND_EMAIL_URL$">Написать письмо пользователю</a> <?else?><i>Адрес скрыт</i> <?endif?> <?endif?> <?endif?> <?if($_EMAIL_VERIFICATION_URL$)?>[ <b><a href="$_EMAIL_VERIFICATION_URL$"><span style="color:red">Подтвердить e-mail</span></a></b> ]<?endif?> <br> </td> </tr> <?if($_AOL$)?><tr> <td>Skype:</td> <td><a href="skype:$_AOL$?add" title="Добавить $_AOL$ в свой контакт-лист">$_AOL$</a></td> </tr><?endif?> <?if($_ICQ$)?><tr> <td>ICQ:</td> <td><a href="icq:$_ICQ$" title="Добавить $_ICQ$ в свой контакт-лист">$_ICQ$</a></td> </tr><?endif?> </tbody></table> <div class="pop_prof_title">Личные данные</div> <table class="pop_prof_info"> <tbody><?if($_NAME$)?><tr> <td>Имя:</td> <td>$_NAME$</td> </tr><?endif?> <?if($_AGE$)?><tr> <td>Возраст:</td> <td>$_AGE$</td> </tr><?endif?> <?if($_COUNTRY$)?><tr> <td>Страна:</td> <td>$_COUNTRY$</td> </tr><?endif?> <?if($_GENDER_NAME$)?><tr> <td>Пол:</td> <td>$_GENDER_NAME$</td> </tr><?endif?> <?if($_BIRTHDAY$)?><tr> <td>Дата рождения:</td> <td>$_BIRTHDAY$</td> </tr><?endif?> <?if($_ZODIAC$)?><tr> <td>Знак зодиака:</td> <td>$_ZODIAC$</td> </tr><?endif?> </tbody></table> </div> </div> </div> <div class="pop_prof_title">Подпись пользователя</div> <div class="pop_prof_signature"><?if($_SIGNATURE$)?>$_SIGNATURE$<?else?>Нет подписи<?endif?></div> </div> </div> </div> <b class="viewn_b"><b></b></b> </div> <script> $('#openprofSearch').click(function(){ $('#openprofSearch').hide(); $('#profSearch').show(); }); </script> <script type="text/javascript"> $(document).ready(function() { $('.statusOnline').html('<b style="color:blue;">Онлайн</font>'); $('.statusOffline').html('<b style="color:red;">Оффлайн</font>'); }); </script> </body> </html>
CSS:
body { font-family:tahoma; font-size:11px; color:#232323; word-wrap:break-word; /* background:#f5f5f5; */ margin:0; padding:0; }
a img { border:0; }
a:link,a:active,a:visited { color:#232323; text-decoration:underline; }
* { min-height:0; }
h1,h2,h3,h4,h5,h6 { display:block; color:#232323; margin:0 0 10px; padding:0; }
h1 { font-size:13px; color:#0D6DBA; }
h2 { font-size:13px; color:#0D6DBA; }
h3 { font-size:24px; }
h4 { font-size:23px; }
h5 { font-size:22px; }
h6 { font-size:16px; }
ul,li,form,dl,dt,dd { display:block; list-style:none; margin:0; padding:0; }
input[type="image"]:hover { opacity:0.8px; }
input,textarea,select,button { font-family:tahoma; font-size:11px; }
td { font-family:tahoma, sans-serif; font-size:11px; }
form { margin:0; padding:0; }
.viewn_t_in { height:34px; background:url(http://rurip.ru/skripty/profile_extm/viewn_t_bg.png) no-repeat 0 0; }
.viewn_c { background:url(http://rurip.ru/skripty/profile_extm/viewn_c_bg.png) repeat-y 0 0; }
.viewn_c_in { overflow:hidden; background:url(http://rurip.ru/skripty/profile_extm/viewn_c_bg.png) repeat-y right 0; padding:0 3px; }
.viewn_c_in2 { background:#ededed; padding:5px; }
.viewn_title { height:16px; overflow:hidden; font-size:13px; font-weight:700; color:#0D6DBA; padding:9px 0 0 12px; }
.hr_v4 { height:3px; border-left:1px solid #7c7c7c; border-right:1px solid #7c7c7c; background:url(http://rurip.ru/skripty/profile_extm/punktir_x_grey.png) repeat-x 0 1px; margin:4px 1px 5px; }
.popup_full { min-width:600px; max-width:900px; margin:5px auto; }
.pop_prof { background:url(http://rurip.ru/skripty/profile_extm/c_inf_line_green.png) repeat-y 178px 0; margin:-4px -5px 0; padding:0 5px; }
.pop_prof_in { overflow:hidden; background:url(http://rurip.ru/skripty/profile_extm/popup_prof_line_green.png) repeat-y right 0; }
.pop_prof_in .rows1 { width:160px; float:left; padding:11px 10px 0 5px; }
.pop_prof_in .rows2 { width:173px; float:right; padding:3px 10px 0; }
.pop_prof_title { height:22px; font-weight:700; color:#0D6DBA; text-shadow:1px 1px 0px #fff; text-align:left; background:#f4f4f4 url(http://rurip.ru/skripty/profile_extm/popup_prof_title_bg.png) repeat-x 0 -27px; margin:0 -6px 3px; padding:8px 10px 0; }
.pop_prof_in .rows3 .pop_prof_title { height:21px; font-weight:700; color:#212121; text-shadow:1px 1px 0px #fff; text-align:center; background:#f4f4f4 url(http://rurip.ru/skripty/profile_extm/popup_prof_title_bg.png) repeat-x 0 0; margin:0 0 3px; padding:6px 0 0; }
.pop_prof_in .rows3 .pop_prof_title:first-child { margin:-3px 0 0; }
.pop_prof_signature { overflow:hidden; padding:10px; }
.group_user { width:154px; height:23px; font-size:12px; color:#4e4e4e; text-shadow:1px 0 0px #acacac; text-transform:lowercase; text-align:center; background:url(http://rurip.ru/skripty/profile_extm/group_user.png) #f1f1f1 no-repeat 0 0; margin:0 auto 3px; padding:7px 0 0; }
.pop_prof_rang { overflow:hidden; padding:0 0 1px 8px; }
.pop_prof_rang .pop_prof_rang_l { width:60px; float:left; }
.pop_prof_link { overflow:hidden; padding:0 0 0 5px; }
.pop_prof_link li a:first-child { height:14px; display:block; float:left; overflow:hidden; text-decoration:none; background:url(http://rurip.ru/skripty/profile_extm/c_inf_arrow_green.png) no-repeat 0 6px; margin:0 4px 0 0; padding:0 0 0 10px; }
.pop_prof_link li a:first-child:hover { color:#0d6dba; background-image:url(http://rurip.ru/skripty/profile_extm/c_inf_arrow_green_on.png); }
.pop_prof_link li b { display:block; float:right; font-weight:700; color:#0D6DBA; }
.pop_prof_info { width:100%; border:0; border-collapse:collapse; border-spacing:0; margin:0; padding:0; }
.pop_prof_info td { width:50%; vertical-align:top; padding:1px 0 2px 14px; }
.pop_prof_info td:first-child { width:30%; background:url(http://rurip.ru/skripty/profile_extm/popup_prof_arrow_green.png) no-repeat 4px 5px; }
.prof_online { font-weight:700; color:#0D6DBA; }
.pop_prof_r_title { font-weight:700; text-align:center; }
.pop_prof_in .rows2 .hr_v4 { width:152px; margin:4px auto; }
.pop_prof_in .rows2 .pop_prof_link { width:168px; margin:0 0 0 -3px; }
.forumNamesBar,.frmBtns { padding:0 5px; }
#tooltip { position:absolute; z-index:10; border:1px solid #0d6dba; background-color:#fff; font-size:11px; color:#000; opacity:0.75px; -moz-border-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-radius:5px; border-radius:5px; box-shadow:0 0 5px #1A3457; -webkit-box-shadow:0 0 5px #1A3457; -moz-box-shadow:0 0 5px #1A3457; margin:0 5px 0 0; padding:3px 5px; }
#tooltip h3 { display:block; font-size:1em; margin:0; padding:0; }
#container_wrap #content_full .block_cont form .bvotes_submits { display:inline-block; }
.vcomm_loop { overflow:hidden; position:relative; margin:0 3px 5px; }
.vcomm_top_in { height:27px; overflow:hidden; color:#000; background:url(http://rurip.ru/skripty/profile_extm/viewn_t_bg.png) no-repeat 0 0; padding:7px 21px 0 14px; }
.vcomm_top a { color:#000; text-decoration:none; }
.vcomm_cont { overflow:hidden; border:1px solid #bfbfbf; border-top:0; background:#ededed; margin:0 1px; padding:6px 14px 14px; }
.vcomm_left { width:95px; float:left; margin:0 10px 0 0; }
.vcomm_right { overflow:hidden; color:#000; padding:12px 0 0; }
.vcomm_message { min-height:60px; padding:0 0 5px; }
.vcomm_sys { overflow:hidden; text-align:right; }
.vcomm_sys a { color:#000; font-weight:700; text-decoration:none; }
.ugi_1 { width:56px; height:12px; background:url(http://rurip.ru/skripty/profile_extm/user_group_icon.png) no-repeat 0 0; margin:2px 0 0; }
.ugi_2 { width:56px; height:12px; background:url(http://rurip.ru/skripty/profile_extm/user_group_icon.png) no-repeat 0 -12px; margin:2px 0 0; }
.ugi_3 { width:56px; height:12px; background:url(http://rurip.ru/skripty/profile_extm/user_group_icon.png) no-repeat 0 -24px; margin:2px 0 0; }
.ugi_4 { width:56px; height:12px; background:url(http://rurip.ru/skripty/profile_extm/user_group_icon.png) no-repeat 0 -36px; margin:2px 0 0; }
.ugi_5,.ugi_6,.ugi_7,.ugi_8,.ugi_9,.ugi_10,.ugi_11,.ugi_12,.ugi_13,.ugi_14 { width:56px; height:12px; background:url(http://rurip.ru/skripty/profile_extm/user_group_icon.png) no-repeat 0 -48px; margin:2px 0 0; }
a:hover,.blogin_link a,.c_inf a { text-decoration:none; }
.img,img { border:0; max-width:480px; }
red,.manTdError,.commError,.prof_offline { color:red; }
.threadNoticeLink,.postUser,.pollSubmit {font-weight:700;}
green { color:green; }
orange { color:#FFA500; }
blue { color:blue; } bluelight { color:#31a1ff; }
black,.commTd1 { color:#000; }
.left,#side_right .bl_title_in { float:left; }
.right,.vcomm_t_r { float:right; }
.center,.pollButtons,.pollTotal,.pop_prof_avatar { text-align:center; }
.copy,.eRating,.legendTd,.fastNav,.fastSearch,.fastLoginForm,.postpSwithces,.signatureView { font-size:8pt; }
.content_all_full input[type="text"]:hover,.content_all_full input[type="text"]:focus,.content_all_full input[type="password"]:hover,.content_all_full input[type="password"]:focus,.content_all_full textarea:hover,.content_all_full textarea:focus,.blogin_row input:hover,.blogin_row input:focus { background-position:0 bottom; }
.content_all_full input[type="submit"]:hover,.content_all_full input[type="button"]:hover,.content_all_full input[type="reset"]:hover,#content_full .button_green:hover,a.button_green:hover { color:#0D6DBA; background-color:#f5f5f5; background-position:0 -184px; }
.c_inf ul li,.pop_prof_in .rows3,.pop_prof_rang .pop_prof_rang_r,.pop_prof_link li { overflow:hidden; }
.viewn_t,.viewn_t2,.vcomm_top { background:url(http://rurip.ru/skripty/profile_extm/viewn_t_bg.png) no-repeat right -34px; padding:0 10px 0 0; }
.viewn_b { height:6px; display:block; background:url(http://rurip.ru/skripty/profile_extm/viewn_b_bg.png) no-repeat right -6px; padding:0 10px 0 0; }
.viewn_b b { height:6px; display:block; background:url(http://rurip.ru/skripty/profile_extm/viewn_b_bg.png) no-repeat 0 0; }
.viewn_b2 { height:6px; display:block; background:url(http://rurip.ru/skripty/profile_extm/viewn_b2_bg.png) no-repeat right -6px; padding:0 10px 0 0; }
.viewn_b2 b { height:6px; display:block; background:url(http://rurip.ru/skripty/profile_extm/viewn_b2_bg.png) no-repeat 0 0; }
Без этого CSS персональная страница не работает, а когда я его ставлю в свою таблицу стилей то у меня весь сайт сбивается, что делать?
|
|
Дата: Вс, 08.07.2012, 09:54:01 | Сообщение # 2
|
Поставь стандартный шаблон ПС, под свой дизайн
|
|
Дата: Вс, 08.07.2012, 15:35:09 | Сообщение # 3
|
я ставил весь дизайн сбиваетсяДобавлено (08.07.2012, 15:35:09) --------------------------------------------- [codes]d[/codes]
|
|
Дата: Вс, 08.07.2012, 21:57:13 | Сообщение # 4
|
youloverenik, Для начала все коды для ПОЛЬЗОВАТЕЛЕЙ оформляются в codes. По теме: Значит кривая персональная страница или же в CSS повторные классы.
|
|