Страница 1 из 11
Форум про uCoz » Общие темы » Просьба/Услуга » Помогите пожалуйста свёрстать=)
Помогите пожалуйста свёрстать=)
WenD1
Дата: Вторник, 23.04.2013, 17:05 | Сообщение # 1
Пользователи
Сообщений:60
Награды: 0


Помогите пожалуйста свёрстать это вид форума,кому не сложно)



PSD
Прикрепления: 6717037.png(5Kb)


Сообщение отредактировал WenD1 - Вторник, 23.04.2013, 17:06
๖ۣۜInspire
Дата: Вторник, 23.04.2013, 17:53 | Сообщение # 2
Администраторы
Сообщений:598
Награды: 2


Код
<style>
body{
background:#000;
}
.info-forum {
background: -webkit-linear-gradient(top,#008FBF,#003F5D);
padding-bottom: 5px;
width: 170px;
border-radius: 7px;
padding-top: 5px;
}
.but_info {
background: -webkit-linear-gradient(top,#00445E,#002131);
display: inline-block;
width: 170px;
box-shadow: inset 0 -1px 0 #006B90;
border-bottom: 1px solid #002E41;
}
.but{
border-top:1px solid #001F30;
color:white;
font-size:11px;
font-family:arial;
box-shadow:inset 0 1px 0 #006B90;
padding:4px 7px 4px 7px;
}
.ava{
background:url("noava.png");
width:150px;
height:150px;
margin:9px;
border-radius:2px;
}
.rep-plus{
background:url("rep.png");
width:16px;
height:13px;
float:right;
border-radius:2px;
margin-top:1px;
margin-right:10px;
}
.rep-minus{
background:url("rep.png");
width:16px;
height:13px;
background-position:-21px 0;
float:right;
border-radius:2px;
margin-top:1px;
}
</style>
<div class="leftblock_f">
<?if($AVATAR_URL$)?><div class="ava"><img src="$AVATAR_URL$" width="150"></div><?else?><div class="ava"></div><?endif?>
<div class="info-forum"><div class="but_info"><div class="but">Сообщений: <b>$POSTS$</b></div><div class="but">Замечания: <b>$BAN_RATING$</b></div><div class="but">Репутация: <b>$REP_RATING$</b><div class="rep-minus"></div><div class="rep-plus"></div></div></div></div></div>


ставить не пробовал




Моё портфолио
WenD1
Дата: Вторник, 23.04.2013, 18:05 | Сообщение # 3
Пользователи
Сообщений:60
Награды: 0


Спасибо,только не смог поставить=)))))
๖ۣۜInspire
Дата: Вторник, 23.04.2013, 18:25 | Сообщение # 4
Администраторы
Сообщений:598
Награды: 2


Код
<style>  
.info-forum {  
background: -webkit-linear-gradient(top,#008FBF,#003F5D);  
background: -o-linear-gradient(top,#008FBF,#003F5D);  
background: -moz-linear-gradient(top,#008FBF,#003F5D);  
background: -ms-linear-gradient(top,#008FBF,#003F5D);  
padding-bottom: 5px;  
width: 170px;  
border-radius: 7px;  
padding-top: 5px;  
}  
.but_info {  
background: -webkit-linear-gradient(top,#00445E,#002131);  
background: -o-linear-gradient(top,#00445E,#002131);  
background: -moz-linear-gradient(top,#00445E,#002131);  
background: -ms-linear-gradient(top,#00445E,#002131);  
display: inline-block;  
width: 170px;  
box-shadow: inset 0 -1px 0 #006B90;  
-o-box-shadow: inset 0 -1px 0 #006B90;
-moz-box-shadow: inset 0 -1px 0 #006B90;
-webkit-box-shadow: inset 0 -1px 0 #006B90;
border-bottom: 1px solid #002E41;  
}  
.but{  
border-top:1px solid #001F30;  
color:white;  
font-size:11px;  
font-family:arial;  
box-shadow:inset 0 1px 0 #006B90;  
padding:4px 7px 4px 7px;  
-o-box-shadow:inset 0 1px 0 #006B90;  
-moz-box-shadow:inset 0 1px 0 #006B90;  
-webkit-box-shadow:inset 0 1px 0 #006B90;  
}  
.ava{  
background:url("/noava.png");  
width:150px;  
height:150px;  
margin:9px;  
border-radius:2px;  
}  
.rep-plus{  
background:url("/rep.png");  
width:16px;  
height:13px;  
float:right;  
border-radius:2px;  
margin-top:1px;  
margin-right:10px;  
}  
.rep-minus{  
background:url("/rep.png");  
width:16px;  
height:13px;  
background-position:-21px 0;  
float:right;  
border-radius:2px;  
margin-top:1px;  
}  
</style>  
<div class="leftblock_f">  
<?if($AVATAR_URL$)?><div class="ava"><img src="$AVATAR_URL$" width="150"></div><?else?><div class="ava"></div><?endif?>  
<div class="info-forum"><div class="but_info"><div class="but">Сообщений: <b>$POSTS$</b></div><div class="but">Замечания: <b>$BAN_RATING$</b></div><div class="but">Репутация: <b>$REP_RATING$</b><div class="rep-minus"></div><div class="rep-plus"></div></div></div></div></div>


немного изменил, + картинки из архива в корень

Добавлено (23.04.2013, 18:25)
---------------------------------------------
кинь вид материала

Прикрепления: 9618630.rar(2Kb)




Моё портфолио
WenD1
Дата: Вторник, 23.04.2013, 18:57 | Сообщение # 5
Пользователи
Сообщений:60
Награды: 0


Спасибо=)
RiPeR
Дата: Четверг, 20.06.2013, 20:02 | Сообщение # 6
Vip
Сообщений:528
Награды: 1


Закрыто!

Отличный сайт)
Форум про uCoz » Общие темы » Просьба/Услуга » Помогите пожалуйста свёрстать=)
Страница 1 из 11
Поиск: