PHP . SU
Программирование на PHP, MySQL и другие веб-технологии
Страниц (7): « 1 2 3 [4] 5 6 7 »
Найдено сообщений: 97
Safok
Отправлено: 25 Июня, 2013 - 11:20:42 • Тема: Помогите перенести блок:) (Cкриншот присутствует) • Форум: HTML, Дизайн & CSS
Ответов: 14 Просмотров: 3196
Нужно перенести нижний блок вправо.
Код:
HTML:
CODE (
html ):
скопировать код в буфер обмена
[code=html]<div class = "news-box" >
<div class = "block-header" > Личный кабинет</ b ></ div >
<div class = "navbar" >
<div class = "navbar-inner" >
<div class = "skin-block" >
<div id = "profile-skin-front" style = "background:url(skin.php?user_id=858&refresh=3099); display:inline-block; height: 224px; width: 112px;" ></ div >
</ div >
<div class = "skin-block" >
<div id = "profile-skin-back" style = "background:url(skin.php?user_id=858&refresh=3099); background-position: 112px 0px; display:inline-block; height: 224px; width: 112px;" ></ div >
</ div >
<div class = "tabbable" style = "display: inline-block;" >
<div class = "tab-pane active" id = "tab1" style = "margin-top: 6px;" >
<div class = "info" ><div class = "ileft" > Ник:</ div ><div id = "profile-name" class = "iright" > 123456</ div ></ div >
<div class = "info" ><div class = "ileft" > Почта:</ div ><div class = "iright" > rettytyr@mail.ru</ div ></ div >
<div class = "info" ><div class = "ileft" > Группа:</ div ><div id = "profile-group" class = "iright" > Обычный игрок</ div ></ div >
<div class = "info" ><div class = "ileft" > Баланс:</ div ><div class = "iright" > 0 руб.</ div ></ div >
<div class = "info" ><div class = "ileft" > Монеты:</ div ><div class = "iright" > 0</ div ></ div >
<!--<div class="info" style="border-bottom:0;"><div class="ileft">Бонус:</div><div class="iright"></div></div>
Показано суммарное количество алмазов со всех серверов.<br>
Чтобы получить в игре, введите <b>/getbonus</b> -->
</ div >
</ div >
</ div >
</ div >
<div class = "block-header" > Изменение скина (плаща)</ b ></ div >
<table style = "margin-left:20px;" >
<tr >
<td width = "105px" ><i class = "livicon" data-s= "100" data-c= "#7aafff" data-n= "wrench" ></ i ></ td >
<td >
<td >
<center ><strong ><div class = "skin_and_cloak" > Сменить скин</ div ></ strong ></ center >
<br >
<form action = "<?php $faction ?> " method="POST" enctype="multipart/form-data">Сменить скин - Файл .png размером до 1024x512:<br >
<table >
<tr >
<td >
<input type = "file" name = "filename" ><br >
</ td >
<td >
<input type = "submit" name = "HDcharge" value = "Загрузить" class = "button" ></ td >
</ tr >
</ table >
</ form >
<center ><strong ><div class = "skin_and_cloak" > Сменить плащ</ div ></ strong ></ center >
<br >
<form action = "<?php $faction ?> " method="POST" enctype="multipart/form-data">Сменить плащ - Файл .png размером до 1024x512:<br >
<table >
<tr >
<td >
<input type = "file" name = "filename" ><br >
</ td >
<td >
<input type = "submit" name = "HDcloakcharge" value = "Загрузить" class = "button" ></ td >
</ tr >
</ table >
</ form >
</ td >
</ td >
</ tr >
</ table >
</ div ></ div >
[/code]
css:
Спойлер (Отобразить ) CODE (
html ):
скопировать код в буфер обмена
.full-news-box {
margin-bottom: -15px;
background-color: #fff;
border: 1px solid #ddd;
min-height: 100px;
margin-top:30px;
margin-right: -10px;
width:675px;
margin-left:-14px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
padding: 0 0px 10px;
}
.block-header {
display: block;
padding: 5px;
text-align: center;
line-height: 20px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 20px;
}
.skin-block {
vertical-align: top;
height: 224px;
width: 112px;
display: inline-block;
padding: 10px;
margin-right: 10px;
background-color: #eee;
}
.info {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 2px;
padding : 4px;
}
.info .ileft {
display: inline-block;
font-weight: bold;
text-align : left;
width: 86px;
}
.info .iright {
display: inline-block;
text-align : left;
width: 300px;
}
.reg-box {
margin-bottom: -15px;
background-color: #fff;
border: 1px solid #ddd;
min-height: 100px;
margin-top:30px;
margin-right: -10px;
width:675px;
margin-left:-14px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
padding: 0 0px 10px;
}
.errors-box {
margin-bottom: -15px;
background-color: #fff;
border: 1px solid #ddd;
min-height: 100px;
margin-top:30px;
margin-right: -10px;
width:675px;
margin-left:-14px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
padding: 0 0px 10px;
}
.text-name{
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
font-size: 17px;
color: #555555;
}
.textinlogin{
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}
.right-menu-server-text1 {
width: 50px;
height: 12px;
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
font-size: 15px;
color: #555555;
margin-left: 60px;
top: -200px;
}
.right-menu-server-img {
float: left;
width: 70px;
height: 19px;
margin-top: -5px;
margin-bottom: 8px;
margin-left: 20px;
}
.status-bar {
margin: 0 auto;
width: 219px;
height: 19px;
margin-bottom: 10px;
margin-top: 8px;
}
.right-menu-line {
width: 240px;
height: 1px;
border-bottom: 1px solid #c2c2c2;
margin-bottom: 8px;
}
.status-margin {
margin-top: 15px;
}
html {
height: 100%;
}
body {
height:100%;
margin:0px;
padding:0px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: rgba(82,168,236,0.8);
outline: 0;
outline: thin dotted 9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
.dpad {
border-spacing: 0px;
}
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
.page {
border: 1px solid #8f8f8f;
background: url(../images/pag.jpg);
color: #707070;
font-family: Tahoma;
font-size: 12px;
text-decoration: none;
}
.reg_btn {
background: url(../images/login_btn.jpg);
border: 1px solid #c2c2c2;
height: 30px;
width: 180px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Tahoma;
font-size: 14px;
color: #707070;
}
.reg_btn:hover {
background: url(../images/login_btn_active.jpg);
cursor: pointer;
height: 30px;
width: 180px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Tahoma;
font-size: 14px;
color: #707070;
}
.main_desc {
color: #1f1f1f;
font-family: Segoe ui;
font-size: 14px;
}
.reg_desc {
color: #c2c2c2;
font-family: Segoe ui;
font-size: 14px;
}
.login_btn {
background: url(../images/login_btn.jpg);
border: 1px solid #c2c2c2;
height: 30px;
width: 88px;
margin: 10px;
font-family: Tahoma;
font-size: 12px;
text-align: center;
color: #707070;
}
.login_btn:hover {
background: url(../images/login_btn_active.jpg);
cursor: pointer;
height: 30px;
width: 88px;
margin: 10px;
font-family: Tahoma;
font-size: 12px;
text-align: center;
color: #707070;
}
.right-menu-login {
font-family: Segoe ui;
font-size: 16px;
color: #555555;
text-align: center;
}
#bgLayer {
background: #74c8ff url('../images/botgrass.png') repeat-x bottom left fixed;
}
#cloudsLayer {
padding-top: 20px;
background: transparent url('../images/topclouds.png') repeat-x top left;
}
#pvpLayer {
background: transparent url('../images/pvp.png') no-repeat bottom center fixed;
}
.news-text-prev {
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
font-size: 17px;
min-height: 70px;
padding: 5px;
}
h1, h2, h3, h4, h5 { line-height: normal; }
h1 { font-size: 1.25em; } h2 { font-size: 1.2em; } h3 { font-size: 1.15em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
input, textarea, select, button, a { outline: none; }
input, textarea {
height: 20px;
width: 180px;
border: 1px solid #c2c2c2;
background: #f5f5f5;
text-align: center;
}
p { margin-bottom: 0.4em; }
hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }
ul { margin: 0 0 18px 2em; list-style: disc outside; }
ol { margin: 0 0 18px 2.1em; list-style: decimal; }
a{
text-decoration: underline;
font-family: Tahoma;
font-size: 13px;
color: #000000
}
a:hover{
text-decoration: none;
font-family: Tahoma;
font-size: 13px;
color: #000000
}
.clr{
clear:both;
color: #c2c2c2;
text-decoration: none;
cursor: auto;
font-family: Tahoma;
font-size: 14px;
}
.right-menu-personal {
margin:15px;
font-family:Segoe ui;
font-size:14px;
color:#555555;
text-align:center;
}
.right-menu-personal a{
font-family:Segoe ui;
font-size:14px;
color:#555555;
text-align:center;
}
.right-menu-personal-a {
margin:15px;
font-family:Segoe ui;
font-size:16px;
color:#555555;
text-align:center;
}
.right-menu-personal-a a{
font-family:Segoe ui;
font-size:16px;
text-decoration:none;
color:#555555;
text-align:center;
}
.right-menu-personal-balance a{
font-family:Segoe ui;
font-size:14px;
text-decoration:none;
color:#555555;
text-align:center;
}
.right-menu-personal-balance {
margin-bottom:10px;
}
.right-menu-personal-img{
margin:10px;
}
.right-menu-personal-left {
float:none;
text-align:left;
font-family:Segoe ui;
font-size:16px;
color:#555555;
}
.personal-text {
margin-left:15px;
text-align: center;
display: inline-block;
}
.personal-text1{
margin-left:20px;
text-align: center;
display: inline-block;
}
.personal-text a {
margin-bottom:3px;
text-align: center;
display: inline-block;
font-family:Segoe ui;
font-size:16px;
color:#555555;
text-decoration:none;
}
.personal-text:hover {
text-align: center;
display: inline-block;
font-family:Segoe ui;
font-size:16px;
color:#555555;
text-decoration:underline;
}
.personal-text1:hover {
text-align: center;
display: inline-block;
font-family:Segoe ui;
font-size:16px;
color:#555555;
text-decoration:underline;
}
.personal-text1 a {
margin-bottom:3px;
text-align: center;
display: inline-block;
font-family:Segoe ui;
font-size:16px;
color:#555555;
text-decoration:none;
}
.right-menu {
background:#ffffff;
border: 1px solid #c2c2c2;
width:250px;
min-height:75px;
}
.right-menu-header {
font-family:Segoe ui;
font-size:16px;
color:#555555;
margin:5px;
}
.right-menu-header1 {
text-align: center;
line-height: 20px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 15px;
margin-bottom:-30px;
}
.right-menu-header-img {
margin-right:3px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
float:left;
}
#menu {
float:none;
height:90px;
margin-left:-41px;
}
#menu ul li {
height:90px;
list-style: none;
float: left;
margin-top:50px;
display: block;
border-top: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
#menu ul li.home {
height:90px;
width:158px;
background:url(../images/menu/home.png);
}
#menu ul li.home:hover{
height:90px;
width:158px;
background:url(../images/menu/home_active.png);
}
#menu ul li.profile {
height:90px;
width:158px;
background:url(../images/menu/profile.png);
}
#menu ul li.profile:hover {
height:90px;
width:158px;
background:url(../images/menu/profile_active.png);
}
#menu ul li.quick_start {
height:90px;
width:158px;
background:url(../images/menu/quick_start.png);
}
#menu ul li.quick_start:hover {
height:90px;
width:158px;
background:url(../images/menu/quick_start_active.png);
}
#menu ul li.forum {
height:90px;
width:158px;
background:url(../images/menu/forum.png);
}
#menu ul li.forum:hover {
height:90px;
width:158px;
background:url(../images/menu/forum_active.png);
}
#menu ul li.information {
height:90px;
width:161px;
background:url(../images/menu/information.png);
}
#menu ul li.information:hover {
height:90px;
width:161px;
background:url(../images/menu/information_active.png);
}
#menu ul li.donate {
height:90px;
width:158px;
background:url(../images/menu/donate.png);
}
#menu ul li.donate:hover {
height:90px;
width:158px;
background:url(../images/menu/donate_active.png);
}
.right {
text-align: right;
}
.button {
background: url(../images/allbtn.png) repeat-x scroll 0 0 transparent;
border: 0 none;
border-radius: 2px 2px 2px 2px;
color: #fff;
height: 21px;
padding: 0 10px 3px;
text-align: center;
}
.button a{
color:#fff;
}
.news-comment {
width: 230px;
height: 32px;
margin-left: 495px;
padding-bottom: 10px;
padding-top: 10px;
}
.news-comment-com {
width: 35px;
height: 16px;
padding-bottom: 10px;
padding-top: 10px;
float: left;
font-family: Tahoma;
color: #707070;
font-size: 12px;
}
/* Стили шапки сайта */
.small_link {font-family:Segoe ui;font-size:11px;color:#999999;}
.header {margin:0 auto;width:960px;height:185px;}
.header-top {height:50px;width:960px;}
.header-logo {width:1090px;height:100px;;float:leftz; margin-left:-60px;}
.header-top-soc {
height:20px;
padding-top:15px;
margin-right:10px;
padding-bottom:15px;
color:#959595;
font-family:Tahoma;
text-align:right;
}
.header-top-soc a{
height: 20px;
width: 255px;
padding-top: 15px;
padding-bottom: 15px;
color: #959595;
font-family: Tahoma;
text-align: right;
}
.header-top-soc a.admin{
font-size:14px;
font-family:Tahoma;
}
/* Стили ссылок меню шапки сайта */
.header #menu .img-stats{background:url(../images/menu/stats.png) no-repeat;}
.header #menu .img-rules{background:url(../images/menu/rules.png) no-repeat;}
.header #menu .img-adv{background:url(../images/menu/adv.png) no-repeat;}
.header #menu .img-addnews{background:url(../images/menu/addnews.png) no-repeat;}
.header #menu .img-feed{background:url(../images/menu/feed.png) no-repeat;}
.header #menu .img-reg{background:url(../images/menu/reg.png) no-repeat;}
.header #menu .img-login{background:url(../images/menu/login.png) no-repeat;}
.header #menu .img-login-active{background:url(../images/menu/login-active.png) no-repeat;}
.header #menu .img-rss{background:url(../images/menu/rss.png) no-repeat;}
/* Конец Стили шапки сайта */
/* Стили центрального блока сайта */
.wrapper{
width:1000px;
min-height: 630px;
margin:0px auto;
}
/* Стили правого блока сайта */
.rightside{
width:300px;
float:right;
position:relative;
top:30px;
}
.rightside .block{
background:url(/images/menu_bg.png);
width:252px;
min-height:75px;
padding:10px;
margin-bottom:25px;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.rightside .block .cont{
padding:5px;
background:#fff;
border:1px solid #C2C2C2;
}
.rightside .block .cont .title{
width:270px;
height:20px;
padding-bottom:5px;
font-size:16px;
}
.searchbar{
list-style:none;
padding:0px;
margin:0px;
}
.searchbar .field input{
width:238px
}
.searchbar .lbtn{
text-align:right;
}
.main{
width:690px;
min-height:600px;
}
.sortline{
width:670px;
border:10px solid #f4f4f4;
font-size:12px;
text-align:center;
}
.sortline .sort{
border:1px solid #c2c2c2;
padding:5px;
}
.speedline{
width:670px;
border:10px solid #f4f4f4;
font-size:12px;
text-align:left;
margin-bottom:10px;
}
.speedline .speed{
border:1px solid #c2c2c2;
padding:5px;
}
.content{
width: 630px;
background: white;
min-height: 200px;
padding-left: 20px;
padding-right: 15px;
padding-top: 20px;
border: 1px solid #C2C2C2;
margin-bottom: 30px;
margin: 0 auto;
}
.news-title{
font-family: Tahoma;
font-size: 24px;
}
.favorite{
width:19px;
height:19px;
margin-top:3px;
float:right;
}
.news-info{
height:20px;
font-family: Tahoma;
font-size: 13px;
}
.news-info .datcat{
width:668px;
height:18px;
}
.news-info .datcat .date{
font-family: Tahoma;
font-size: 13px;
}
.news-info .rate{
width:85px;
}
.news-info .autor{
width:100px;
float:left;
}
.news-info .datcat .category{
width:8px;
}
.news{
font-family: Tahoma;
font-size: 13px;
min-height: 120px;
padding: 10px;
}
.news-image {
width: 180px;
height: 180px;
padding: 10px;
border: 1px solid #C2C2C2;
float: left;
clear: left;
margin-right: 10px;
margin-bottom: 5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}
.tag-news{
padding:3px;
margin-top:5px;
border:1px solid #c2c2c2;
font-size:12px;
}
.fullcomview{
height:20px;
padding-top:15px;
font-size:14px;
}
.fullcomview a{
color:#fff;
}
.fullcomview .views{
background: url(../images/allbtn.png) repeat-x scroll 0 0 transparent;
border: 0 none;
border-radius: 2px 2px 2px 2px;
color: #fff;
height: 21px;
padding: 2px 10px 3px;
margin-right:5px;
text-align: center;
float:left;
}
.fullcomview .com{
background: url(../images/allbtn.png) repeat-x scroll 0 0 transparent;
border: 0 none;
border-radius: 2px 2px 2px 2px;
color: #fff;
height: 21px;
padding: 2px 10px 3px;
margin-right:5px;
text-align: center;
float:left;
}
.fullcomview .editnews{
background: url(../images/allbtn.png) repeat-x scroll 0 0 transparent;
border: 0 none;
border-radius: 2px 2px 2px 2px;
color: #fff;
height: 21px;
padding: 2px 10px 3px;
margin-right:5px;
text-align: center;
float:right;
}
.fullcomview .editnews a{color:#fff;}
.fullcomview .fullnews{
background: url(../images/allbtn.png) repeat-x scroll 0 0 transparent;
border: 0 none;
border-radius: 2px 2px 2px 2px;
color: #fff;
height: 21px;
padding: 2px 10px 3px;
text-align: center;
float:right;
}
.fullcomview .fullnews a{color:#fff;}
.basenavi{
width:668px;
padding:10px;
background:#F4F4F4;
margin-top:10px;
color: -webkit-link;
text-decoration: none;
cursor: auto;
font-family: Tahoma;
font-size: 16px;
}
.navigation{
width:658px;
border:1px solid #c2c2c2;
text-align:center;
background:#FFFFFF;
padding:5px;
margin-left:9px;
}
.pprev{
width:35px;
float:left;
}
.pnext{
width:40px;
float:right;
}
.staticname{
width:625px;
height:20px;
font-size:19px;
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
padding:2px 0px;
border-bottom:1px dashed #c2c2c2;
margin-bottom:2px;
}
.statsul{
width:600px;
margin:0px auto;
}
/* Userinfo.tpl */
.nowrap {white-space:nowrap;}
.fV {font-family:Verdana, Geneva, sans-serif;}
.f10 {font-size:10px;}
.dwntorrenttxt {
font-size: large;
color: #06F;
text-decoration: underline;
}
.dwntorrent_up {
color: #3C0;
}
.dwntorrent_down {
color: #F00;
}
.dwntorrent_total {
color: #06C;
}
.dwntorrent_tblc
{
/*
Цвет таблицы #d9d9d9
*/
background-color: #fff;
/*
Цвет границ #898989
*/
border: 1px solid #c2c2c2;
}
.dwntorrent_tblx
{
border: 1px solid #c2c2c2;
}
.tbprofile{color:#151b20;font-size:12px;font-family:arial;}
.tbprofile a:link, .tbprofile a:visited, .tbprofile a:hover, .tbprofile a:active{color:#4183a9;text-decoration:none;}
.tbprofile a:hover{color:#4183a9;text-decoration:underline;}
.tbprofile table{border:0px;}
.tbprofile table{color:#252c34;}
.tbprofile table a:link, .tbprofile table a:visited, .tbprofile table a:hover, .tbprofile table a:active{color:#4183a9;text-decoration:none;}
.tbprofile table a:hover{color:#1a92d7;text-decoration:underline;}
.tbprofile table td{padding:4px 0 4px 6px;border:1px solid #dedede;}
/* стили Подвала сайта */
.footer {
height: 50px;
margin-top: 100px;
width: 100%;
}
.footer-text {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
margin: 0 auto;
padding-bottom: 10px;
padding-left: 100px;
text-align: left;
width: 960px;
}
/*login*/
.enterbtn { line-height: 22px; padding-left: 11px; text-shadow: 0 1px 0 #fff; color: #414e58; width: 57px; height: 24px; background: #f3f3f3 url("../images/loginbtn.png") no-repeat; }
.enterbtn:hover { background-position: -68px 0; }
.loginblock .dtop { height: 24px; margin-top: 29px; }
.loginblock .enterbtn { float: left; font-size: 0.9em; width: 95px; background-position: 0 -68px; }
.loginblock .enterbtn:hover { background-position: -106px -68px; }
.window { display: none; }
.lcolomn, .arg { float: left; }
.rcolomn { float: right; }
.radtop, .radfoot { background: url("../images/windowrad.png") no-repeat; }
.radfoot { background-position: 100% 100%; }
.popup { font-size: 0.75em; background-color: #fff; border: 1px solid #283943; border-width: 0 1px; border-radius:5px;}
.popup-head { padding:3px 8px; height: 25px; font-size:16px;}
.popup-head .close img { float: right; height: 17px; width: 17px; background: url("../images/close.png") no-repeat; }
.popup-head .close:hover img { background-position: -17px 0; }
.popup-body { padding: 12px 18px; }
.popup-body .lfield { margin-bottom: 0.6em; }
.popup-body .lfield input { padding: 4px; width: 160px; background-color: #f6f6f6; border: 1px solid #a9b4bb; }
.popup .lcolomn { width: 180px; }
.popup .rcolomn { width: 170px; }
.popup .btl { margin-bottom: 0.4em; }
.loginenter { font-size: 0.9em; padding-top: 14px; overflow: hidden; }
.loginenter .dtop { height: 24px; margin-bottom: 20px; }
.logentop, .logentop div { display: inline; }
.logentop div { float: right; }
.logentop span, .logentop a { float: left; margin-left: 4px; line-height: 22px; }
.logentop span { color: #34434c; height: 100px; margin-top: 1px; margin-bottom:5px; background: url("../images/loginbtn.png") no-repeat 0 -24px; }
.logentop span b { height: 22px; float: left; padding: 0 11px; background: url("../images/loginbtn.png") no-repeat 100% -46px; }
.usermenu { display: inline; }
.usermenu ul { float: right; margin-right: 12px; list-style:none; font-size:16px; padding:0px; margin:0px;}
.usermenu ul li { padding: 0 12px 0 10px; float: left; background: url("../images/usermenusep.png") no-repeat 100% 50%; }
}
.inform-block {
padding: 10px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
.btn2 {
padding: 3px 2px 4px 6px;
text-decoration: none;
color: #fff;
width:65px;
padding-right:10px;
background: #7aafff;
cursor: pointer;
border: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
}
.btn2:hover,
.btn2:active,
.btn2.active,
.btn2.disabled,
.btn2[disabled] {
color: #fff;
background: #1570A6;
}
.btn2:active,
.btn2.active {
background-color: #cccccc \9;
}
.btn2:first-child {
*margin-left: 0;
}
.btn2:hover {
text-decoration: none;
color: #fff;
background: #1570A6;
}
.btn2:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn2.active,
.btn2:active {
background-color: #e6e6e6;
background-color: #d9d9d9 \9;
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn2.disabled,
.btn2[disabled] {
cursor: default;
background-color: #000;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
Safok
Отправлено: 23 Июня, 2013 - 21:18:16 • Тема: Левые символы в .php (ВЫРУЧАЙТЕ) • Форум: Вопросы новичков
Ответов: 3 Просмотров: 190
ВЫРУЧАЕЙТСЯ какие то левые символы в коде мешают работе мониторинг.
Как генерирую мониторинг:
Спойлер (Отобразить ) PHP:
скопировать код в буфер обмена
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"><script src="http://code.jquery.com/jquery-latest.js"></script><script src="bootstrap/js/bootstrap.min.js"></script><?PHP
include ( 'MinecraftStatus.class.php' ) ;
include ( 'statusconfig.php' ) ;
$Server = new MinecraftStatus( $confIP ) ;
?>
<div><div class="progress <?PHP
if ( $Server -> Online == true && $Server -> CurPlayers != $Server -> MaxPlayers && $Server -> CurPlayers == 0) {
echo 'progress-' . $confBarIfEmpty ;
}
if ( $Server -> Online == true && $Server -> CurPlayers != $Server -> MaxPlayers && $Server -> CurPlayers > 0) {
echo 'progress-' . $confBarIfNormal ;
}
if ( $Server -> Online == true && $Server -> CurPlayers == $Server -> MaxPlayers && $Server -> CurPlayers > 0) {
echo 'progress-' . $confBarIfFull ;
}
if ( $Server -> Online != true ) {
echo 'progress-' . $confBarIfOffline ;
} ;
?> <?PHP echo $confStriped ; ?> <?PHP echo $confActive ; ?> " style="height: 24px;">
<div class="bar" style="width:<?PHP
if ( $Server -> Online == true && $Server -> CurPlayers != 0) {
echo $Server -> CurPlayers ;
}
if ( $Server -> CurPlayers == 0) {
echo '100' ;
}
if ( $Server -> Online != true ) {
echo '100' ;
} ;
?>
%"></div></div><div align="center" style="position:relative;bottom:41px"><span align="center" class="<?PHP echo $confTextlineType ; ?> <?PHP echo $confTextlineType ; ?> -<?PHP echo $confTextlineColor ; ?> ">
<?PHP // Изменяем надпись на прогресс-баре
if ( $Server -> Online == true && $Server -> CurPlayers != $Server -> MaxPlayers && $Server -> CurPlayers == 0 ) { // Если сервер - онлайн, количество игроков равно 0, то...
echo $confTextlineIfEmpty ;
}
if ( $Server -> Online == true && $Server -> CurPlayers != $Server -> MaxPlayers && $Server -> CurPlayers > 0 ) { // Если сервер - онлайн, количество игроков не равно 0 и не равно максимальному, то...
echo $confTextlineIfNormal1 . $Server -> CurPlayers . $confTextlineIfNormal2 . $Server -> MaxPlayers . $confTextlineIfNormal3 ;
}
if ( $Server -> Online == true && $Server -> CurPlayers == $Server -> MaxPlayers && $Server -> CurPlayers > 0 ) { // Если сервер - онлайн, количество игроков равно максимальному, то...
echo $confTextlineIfFull ;
}
if ( $Server -> Online != true ) { // Если же сервер выключен, то...
echo $confTextlineIfOffline ;
} ;
?>
</span></div></div>
Cам мониторинг(стили и тд.): http://rghost[dot]ru/46968457
Safok
Отправлено: 22 Июня, 2013 - 21:06:45 • Тема: Увеличение блока для ввода • Форум: HTML, Дизайн & CSS
Ответов: 1 Просмотров: 1305
Помогите увеличить блок
html:
Спойлер (Отобразить ) CODE (
html ):
скопировать код в буфер обмена
<link href = "style/pizda.css" rel = "stylesheet" type = "text/css" / >
<div class = "span4" >
<div class = "inform-block" style = "display: none;" id = "loginform-error" ><div class = "alert alert-error" id = "loginform-error-text" ></ div ></ div >
<div id = "login-box" class = "form-block-rl" >
<div class = "block-header" > Авторизация</ div >
<form action = "login.php" method = "post" id = "loginform" >
<div style = "text-align: center;" >
<div class = "input-prepend" ><span class = "add-on" ><div style = "margin-top: 1px; float:left;" ><i class = "livicon" data-s= "16" data-c= "#7aafff" data-n= "sign-in" ></ i ></ div ></ span ><input id = "auth-login" type = "text" name = "login" placeholder= "Логин или e-mail:" / ></ div >
<div class = "input-prepend" ><span class = "add-on" ><div style = "margin-top: 1px; float:left;" ><i class = "livicon" data-s= "16" data-c= "#7aafff" data-n= "key" ></ i ></ div ></ span ><input id = "auth-pass" type = "password" name = "pass" placeholder= "Пароль:" / ></ div >
<label style = "margin:0 0 0 42px; text-align: left; padding-bottom:2px;" class = "checkbox" ><input type = "checkbox" id = "auth-save" name = "save" value = "1" / > Запомнить пароль</ label >
<!--<div class="input-append input-prepend">-->
<input type = "submit" class = "btn" id = "login" onclick = "Login(); return false;" value = "Войти" >
<a href = "http://smain.ru/forum/index.php?register" class = "btn" > Создать аккаунт</ a >
<!--</div>-->
</ div >
</ form >
</ div >
<script type = "text/javascript" >
function BlockHidden(itemID,state) {
var item = GetById(itemID)
if (item == null) return false
if (state == null) {
if (item.style.visibility == 'visible') item.style.visibility = 'hidden'
else item.style.visibility = 'visible '
return true
}
var styleText = 'visible'
if (state == false) styleText = 'hidden'
item.style.visibility = styleText
return true
}
function RegisterF(){
// var img = GetById('register-femaleimg')
var text = GetById('create-gender')
var post = GetById('register-female')
if (text.innerHTML == 'Девочка') {
text.innerHTML = 'Мальчик'
post.value = 0
// BlockHidden('register-femaleimg',false)
} else {
text.innerHTML = 'Девочка'
post.value = 1
// BlockHidden('register-femaleimg',true)
}
return false
}
</ script >
<div id = "reg-box" style = "display: none;" class = "form-block-rl" >
<div class = "block-header" > Регистрация</ div >
<div class = "block-line" ></ div >
<form autocomplete= "off" action = "reg.php" method = "post" id = "regform" >
<div style = "text-align: center;" >
<div class = "input-prepend" ><span class = "add-on" ><i class = "icon-user" ></ i ></ span ><input class = "span8" type = "text" id = "register-login" name = "login" placeholder= "Логин:" / ></ div >
<div class = "input-prepend" ><span class = "add-on" ><i class = "icon-envelope" ></ i ></ span ><input class = "span8" type = "text" id = "register-email" name = "email" placeholder= "Email:" / ></ div >
<div class = "input-prepend" ><span class = "add-on" ><i class = "icon-lock" ></ i ></ span ><input class = "span8" type = "password" id = "register-pass" name = "passwd" placeholder= "Пароль:" / ></ div >
<div class = "input-prepend" ><span class = "add-on" ><i class = "icon-lock" ></ i ></ span ><input class = "span8" type = "password" id = "register-repass" name = "repasswd" placeholder= "Повтор пароля:" / ></ div >
<input type = "hidden" id = "register-female" name = "female" value = "0" / >
<div class = "female-input" > Пол: <span id = "create-gender" > Мальчик</ span ><img src = "style/img/ribbon.png" style = "display: none; visibility: hidden;" alt = "Девочка" id = "register-femaleimg" / ><a href = "#" onclick = "return RegisterF()" > ></ a ></ div >
<div class = "input-append input-prepend" >
<input type = "button" class = "btn" id = "create" onclick = "Register(); return false;" value = "Создать" >
<input type = "button" class = "btn" onclick = "BlockVisible('reg-box',false); BlockVisible('login-box',true); return false " value = "Авторизация" >
</ div >
</ div >
</ form >
</ div >
<div id = "restore-box" style = "display: none;" class = "form-block-rl" >
css:
Спойлер (Отобразить ) CODE (
html ):
скопировать код в буфер обмена
/* style css
-------------------------------------------------- */
@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
@import url("docs.css");
/*@import url("../skinPoser/style.css");*/
body {
font-size: 14px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
/*background: #f5f5f5 url(../img/bg0.png) repeat top left;*/
}
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* класс image-polaroid используется скриптами ajax */
.breadcrumb {
font-size: 13px;
padding: 8px 15px;
margin: 0 0 20px;
list-style: none;
background-color: #f5f5f5;
border: 1px dashed #e0edf1;
}
.breadcrumb li {
display: inline-block;
*display: inline;
text-shadow: 0 1px 0 #ffffff;
*zoom: 1;
}
.breadcrumb .divider {
padding: 0 5px;
color: #ccc;
}
.breadcrumb .active {
color: #999999;
}
.player-name {
color: #333333;
}
.smile {
display: inline-block;
width: 60px;
text-align: center;
}
.info {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 2px;
padding : 4px;
}
.info .iright {
display: inline-block;
text-align : left;
width: 300px;
}
.info .ileft {
display: inline-block;
font-weight: bold;
text-align : left;
width: 86px;
}
.info .longright {
display: inline-block;
text-align : left;
width: 168px;
}
.info .longleft {
display: inline-block;
font-weight: bold;
text-align : left;
width: 138px;
}
.skin-block {
vertical-align: top;
height: 224px;
width: 112px;
display: inline-block;
padding: 10px;
margin-right: 10px;
background-color: #eee;
}
.info-big-frame {
display: none;
z-index: 3;
margin: 0px auto;
padding: 20px;
padding-top: 10px;
background: #f0f0f0;
overflow:hidden;
color: #5e5e5e;
position: absolute;
top: 50%;
left: 50%;
margin-left: -320px;
height: 280px;
width: 640px;
border: 1px solid #868686;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.filelist-item {
margin-bottom: 6px;
}
.filelist-item-size {
min-width: 40px;
}
.filelist-item-name {
min-width: 200px;
}
.filelist-item div {
display: inline-block;
margin-right: 10px;
}
/* комментарии - стиль для бантика */
.female {
position: absolute;
top: 0;
right: 0;
}
.female-input { /* O__o */
padding : 6px;
font-size: 15px;
}
.female-input a {
margin-left: 10px;
margin-right: 10px;
}
.female-input span {
margin-left: 10px;
}
.female-input img {
margin-left: 10px;
margin-bottom: 2px;
}
.female-input a{
padding: 2px 6px 3px 6px;
text-decoration: none;
color: #5b5b5b;
font-weight: bold;
}
.female-input a:hover{
color: #333;
background: #aed0d9;
}
.server-info {
margin-top : 8px;
border-bottom: 1px dashed #D0D0D0;
padding-bottom: 6px;
}
.server-info table {
width: 100%;
text-align: center;
}
.server-info-header {
padding : 4px;
background: #E8E8E8;
font-size: 14px;
margin-bottom: 4px;
}
/* Новости */
.news-box {
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
padding: 0 10px 3px;
}
/*
.news-box:before, .news-box:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.news-box .divider {
padding: 0 5px;
color: #5b5b5b;
}
a.news-link {
padding: 2px 6px 3px 6px;
text-decoration: none;
color: #fff;
background: #7aafff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a.news-link:hover{
background: #1570A6;
}
a.news-link:active{
}
.news-header {
background-color: #fff;
padding: 6px;
font-size: 16px;
color: #999;
border-bottom: 1px dashed #e0edf1;
}
.news-text {
font-size: 14px;
/*padding: 10px;*/
white-space: pre-line;
white-space: -moz-pre-line;
white-space: -pre-line;
white-space: -o-pre-line;
word-wrap: break-word;
}
.news-footer {
padding: 6px;
border: 0;
border-top: 1px solid #e5e5e5;
/* border-bottom: 1px solid #eee;*/
}
/* Комментарии */
.comment-container {
padding-left: 20px;
padding-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
margin-right: 10px;
}
.comment-quote {
border: 1px solid #e5e5e5;
padding: 4px;
}
.comment-quote-a{
border-bottom: 1px solid #f5f5f5;
padding-left: 4px;
padding-right: 12px;
}
.comment-quote-c{
padding: 4px;
}
.comment-self {
padding-left: 5px;
display: inline-block;
width: 500px;
}
.comment-info {
padding-right : 4px;
padding-top: 4px;
margin-bottom: 5px;
}
.comment-text {
padding: 4px;
line-height: 1.4;
min-height: 40px;
font-size: 14px;
width: 500px;
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
/* Перенос длинных слов */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.comment-addition {
/*font-weight: bold;*/
font-size: 12px;
}
/* блок */
.footer-block-header {
height: 2px;
background: #f1f1f1;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.footer-block {
/*margin-top: 20px;
background-color: #2b2b2b;
color: #666666;
background:url("http://smain.ru/style/img/sm-fon-dn.png") repeat;
*zoom: 1;
*/
}
/*
.footer-block a {
color: #ccc!important;
font-size:13px/27px Arial,sans-serif;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
padding: 5px 10px 5px;
}
.footer-block a:hover {
background: #4a4a4a;
}
*/
.footer-block:before,
.footer-block:after {
display: table;
line-height: 0;
content: "";
}
.footer-block:after {
clear: both;
}
/* end блок */
.form-block-rl {
padding: 0 10px 3px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.form-block-rl:before, .form-block-rl:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.inform-block {
padding: 10px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.inform-block:before,
.inform-block:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.inform-block:after {
clear: both;
}
.listuserb {
padding: 1px 5px 5px;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
*zoom: 1;
}
.listuserb:before,
.listuserb:after {
display: table;
line-height: 0;
content: "";
}
.listuserb:after {
clear: both;
}
/* new */
.form-block {
padding: 0 10px 10px 10px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.form-block:before, .form-block:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.form-block2 {
padding: 0 10px 3px;
margin-top: 20px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.form-block2:before, .form-block2:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.block-header {
display: block;
padding: 5px;
text-align: center;
line-height: 20px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 20px;
}
.block-line {
margin: 0 0 10px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
.faqtable {
/*border: 1px solid #d4d4d4;*/
}
.faqtablezag{
text-align:center;
font-size:16px;
/*border-bottom: 1px solid #d4d4d4;*/
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: #1570A6;
color: #fff;
}
.faqtabletr{
padding: 10px;
font-size:14px;
/*border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;*/
}
tr.faqtabletr:hover{
background: #7aafff;
color: #fff;
}
/* Slides */
div.slides-container {
box-shadow: 0 0 10px #222;
width: 940px;
display: none;
margin: 0 auto;
}
div.slides-container div {
width: 940px;
height: 300px;
/*line-height: 299px;*/
text-align: center;
display: block;
}
div.slides-container div div.caption {
width: auto;
height: 20px;
position: absolute;
left: 10px;
bottom: 10px;
line-height: 20px;
text-align: left;
background-color: rgba(0, 0, 0, 0.6);
color: #FFF;
padding: 5px;
}
ul.slides-pagination {
width:90px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
list-style: none;
padding: 0;
}
ul.slides-pagination li {
float: left;
}
ul.slides-pagination li a {
display: block;
float: left;
height: 3px;
padding-top: 7px;
background: #ddd;
overflow: hidden;
margin-left: 5px;
border-radius: 50%;
width: 10px;
box-shadow: 0 1px 1px #bbb inset, 0 0 0 #bbb;
}
ul.slides-pagination li a:hover {
background: #ddd;
}
ul.slides-pagination li.current a {
background: #7aafff;
}
div.container.slides {
/*background: url("../img/slider-background.jpg") no-repeat center center #666;*/
width: 100%;
/*box-shadow: inset 0 0 5em #333;*/
padding-bottom: 10px;
margin-top: -10px;
}
div.container.slides div.padding {
padding: 10px;
padding-top: 27px;
}
div.container.slides div#slides {
width: 940px;
margin: 0 auto;
}
.progress-bar {
background-color: #f8f8f8;
height: 15px;
width: 100%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
box-shadow: 0 1px 1px #bbb inset, 0 0 0 #bbb;
}
.progress-bar span {
display: inline-block;
height: 100%;
background-color: #777;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
box-shadow: 0 1px 1px #bbb inset, 0 0 0 #bbb;
}
.online span {
background-color: #7aafff;
}
.offline span {
background-color: #7aafff;
}
.full span {
background-color: #7aafff;
}
.stripes span {
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
background-image: -webkit-gradient(linear, left top, right bottom,
color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;
}
@-webkit-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
Safok
Отправлено: 22 Июня, 2013 - 20:34:24 • Тема: Помогите уменьшить отступ • Форум: HTML, Дизайн & CSS
Ответов: 1 Просмотров: 1326
html:
CODE (
html ):
скопировать код в буфер обмена
<div class = "news-box" >
<div class = "block-header" ><center > Новый плагин</ center ></ div >
<img class = "img-polaroid2" src = "http://smain.ru/style/img/news/1370737911.jpg" width = "80" height = "80" / >
<div class = "news-text" >
<p > Был удален ненужный плагин MyHome, его заменил другой. В связи с этим у всех исчезли точки /home. Воспользуйтесь той же командой /sethome для восстановления. Теперь VIP игрокам можно ставить 3 точки дома, а Premium 10 точек дома. <br > Подробности в полной новости.</ p >
<p > </ p >
</ div >
<div class = "news-footer" >
<table width = "100%" ><tr ><td width = "95px" align = "left" ><div style = "margin-top: 2px; margin-right: 2px; float:left;" ><i class = "livicon" data-s= "16" data-n= "clock" ></ i ></ div > 09.06.2013</ td ><td align = "left" ><div style = "margin-top: 2px; margin-right: 2px; float:left;" ><i class = "livicon" data-s= "16" data-n= "eye-open" ></ i ></ div > 198 </ td ><td align = "right" > <a class = "news-link" href = "index.php?id=10" > Подробнее</ a > </ td ></ tr ></ table > <!--<span class="divider">|</span> -->
<!--<span class="divider">|</span> <a class="news-link" href=""></a>-->
<!--
<div style="display: inline-block; margin-right: 6px;">
<a class="news-link" href="index.php?id=10">
<img style="vertical-align: middle; margin-bottom: 2px;" src="style/img/comment.png" alt="Комментарии" width="12" height="12"/>
0
</a>
</div>
-->
</ div >
</ div >
</ div >
css:
CODE (
html ):
скопировать код в буфер обмена
/* style css
-------------------------------------------------- */
@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
/*@import url("../skinPoser/style.css");*/
.block-header {
display: block;
padding: 5px;
text-align: center;
line-height: 20px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 20px;
}
.footer-block-header {
height: 2px;
background: #f1f1f1;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.news-text {
font-size: 14px;
padding: 5px;
line-height: 20px;
white-space: pre-line;
white-space: -moz-pre-line;
white-space: -pre-line;
white-space: -o-pre-line;
word-wrap: break-word;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 30px;
}
.news-footer {
padding: 6px;
border: 0;
border-top: 1px solid #e5e5e5;
margin: 10px; /* Отступы вокруг */
/* border-bottom: 1px solid #eee;*/
}
.faqtablezag{
text-align:center;
font-size:16px;
/*border-bottom: 1px solid #d4d4d4;*/
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: #1570A6;
color: #fff;
}
.faqtabletr{
padding: 10px;
font-size:14px;
/*border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;*/
}
a.news-link {
padding: 2px 6px 3px 6px;
text-decoration: none;
color: #fff;
background: #7aafff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a.news-link:hover{
background: #1570A6;
}
a.news-link:active{
}
.news-box {
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
min-height: 200px;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
padding: 0 10px 3px;
}
/*
.news-box:before, .news-box:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.news-box .divider {
padding: 0 5px;
color: #5b5b5b;
}
.news-header {
background-color: #fff;
padding: 6px;
font-size: 16px;
color: #999;
border-bottom: 1px dashed #e0edf1;
}
.news-text {
font-size: 14px;
/*padding: 10px;*/
white-space: pre-line;
white-space: -moz-pre-line;
white-space: -pre-line;
white-space: -o-pre-line;
word-wrap: break-word;
}
Safok
Отправлено: 22 Июня, 2013 - 17:44:54 • Тема: Пару вопросов про блоки css(dle) • Форум: HTML, Дизайн & CSS
Ответов: 0 Просмотров: 835
Помогите сделать нормальное отображение новостей dle
html код dle:
CODE (
html ):
скопировать код в буфер обмена
<div class = "news-box" >
<div class = "block-header" ><center > Новый плагин</ center ></ div >
<img class = "img-polaroid2" src = "http://smain.ru/style/img/news/1370737911.jpg" width = "80" height = "80" / >
<div class = "news-text" > Был удален ненужный плагин MyHome, его заменил другой. В связи с этим у всех исчезли точки /home. Воспользуйтесь той же командой /sethome для восстановления. Теперь VIP игрокам можно ставить 3 точки дома, а Premium 10 точек дома. <br > Подробности в полной новости.</ div >
<div style = "clear:both;" ></ div >
<div class = "news-footer" >
<table width = "100%" ><tr ><td width = "95px" align = "left" ><div style = "margin-top: 2px; margin-right: 2px; float:left;" ><i class = "livicon" data-s= "16" data-n= "clock" ></ i ></ div > 09.06.2013</ td ><td align = "left" ><div style = "margin-top: 2px; margin-right: 2px; float:left;" ><i class = "livicon" data-s= "16" data-n= "eye-open" ></ i ></ div > 198 </ td ><td align = "right" > <a class = "news-link" href = "index.php?id=10" > Подробнее</ a > </ td ></ tr ></ table > <!--<span class="divider">|</span> -->
<!--<span class="divider">|</span> <a class="news-link" href=""></a>-->
<!--
<div style="display: inline-block; margin-right: 6px;">
<a class="news-link" href="index.php?id=10">
<img style="vertical-align: middle; margin-bottom: 2px;" src="style/img/comment.png" alt="Комментарии" width="12" height="12"/>
0
</a>
</div>
-->
<div class = "clr" ></ div >
</ div >
</ div >
</ div >
</ div >
css:
CODE (
html ):
скопировать код в буфер обмена
/* style css
-------------------------------------------------- */
@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
/*@import url("../skinPoser/style.css");*/
.block-header {
display: block;
padding: 5px;
text-align: center;
line-height: 20px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 20px;
}
.footer-block-header {
height: 2px;
background: #f1f1f1;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.news-text {
font-size: 14px;
padding: 5px;
line-height: 20px;
white-space: pre-line;
white-space: -moz-pre-line;
white-space: -pre-line;
white-space: -o-pre-line;
word-wrap: break-word;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 30px;
}
.news-footer {
padding: 6px;
border: 0;
border-top: 1px solid #e5e5e5;
/* border-bottom: 1px solid #eee;*/
}
.faqtablezag{
text-align:center;
font-size:16px;
/*border-bottom: 1px solid #d4d4d4;*/
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: #1570A6;
color: #fff;
}
.faqtabletr{
padding: 10px;
font-size:14px;
/*border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;*/
}
a.news-link {
padding: 2px 6px 3px 6px;
text-decoration: none;
color: #fff;
background: #7aafff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a.news-link:hover{
background: #1570A6;
}
a.news-link:active{
}
.news-box {
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
min-height: 200px;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
padding: 0 10px 3px;
}
/*
.news-box:before, .news-box:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.news-box .divider {
padding: 0 5px;
color: #5b5b5b;
}
.news-header {
background-color: #fff;
padding: 6px;
font-size: 16px;
color: #999;
border-bottom: 1px dashed #e0edf1;
}
.news-text {
font-size: 14px;
/*padding: 10px;*/
white-space: pre-line;
white-space: -moz-pre-line;
white-space: -pre-line;
white-space: -o-pre-line;
word-wrap: break-word;
}
Safok
Отправлено: 21 Июня, 2013 - 14:15:13 • Тема: Помогите рипнуть иконки + стиль • Форум: HTML, Дизайн & CSS
Ответов: 2 Просмотров: 628
Нужно рипнуть иконки с сайта. [cut]
Иконки которые находятся там где количество просмотров новостей, и дата размещения.
Код какой то не понятный, сайт на бутстапе!
Safok
Отправлено: 10 Июня, 2013 - 13:40:20 • Тема: Чет не то • Форум: Вопросы новичков
Ответов: 1 Просмотров: 114
PHP:
скопировать код в буфер обмена
$userAtributs = "";
$userAtributs = '<img src="skin.php?user_name=<?PHP echo $player ; ?> &mode=1'.$refresh_img.'" alt="Ваш скин - вид спереди" width="50" height="100" style="margin-right: 10px;" /><img src="skin.php?user_name=<?PHP echo $player ; ?> &mode=2'.$refresh_img.'" alt="Ваш скин - вид сзади" width="50" height="100" />';
Что в этом коде не то?
Выводит в исходном коде:
CODE (
html ):
скопировать код в буфер обмена
<img src = "skin.php?user_name=<?php echo $player; ?> &mode=1" alt="Ваш скин - вид спереди" width="50" height="100" style="margin-right: 10px; " /><img src = "skin.php?user_name=<?php echo $player; ?> &mode=2" alt="Ваш скин - вид сзади" width="50" height="100" />
Safok
Отправлено: 10 Июня, 2013 - 00:33:34 • Тема: Не получается вывесть переменную в html • Форум: Вопросы новичков
Ответов: 2 Просмотров: 107
<img src="skin.php<?php echo $player; ?>?mode=1" alt="Ваш скин - вид спереди" width="50" height="100" style="margin-right: 10px;" />
Помогите исправить, надо вывести переменную player в html
Safok
Отправлено: 08 Июня, 2013 - 14:55:41 • Тема: Не получается сделать кнорку • Форум: HTML, Дизайн & CSS
Ответов: 4 Просмотров: 898
Есть два кода:
Как из текстовой кнопки:
<p> <?php echo $addition; ?><a href="login.php?out=1" class="coollink">Выход</a> </p>
Сделать графическую:
<button type="submit" href="#nogo" id="login">Войти</button>
Safok
Отправлено: 03 Апреля, 2013 - 21:16:11 • Тема: Подскажите.. • Форум: Вопросы новичков
Ответов: 4 Просмотров: 162
Собираюсь выучить php, и решил обраться к вам, помогите выбрать книгу по php.
В книгах не выношу воды, когда одно и тоже повторяют 10 раз, цацкаются, и до середины книги описывают, как устанавливать среду. Очень хотелось бы книгу для подготовленного программиста, где быстро вводят в курс дела, описывают все важные моменты языка, и не навязывают некие субъективные методы работы. Заранее благодарю за советы.
Страниц (7): « 1 2 3 [4] 5 6 7 »
Powered by ExBB FM 1.0 RC1. InvisionExBB