Welcome to www.HAS.lv - programmējam HTML.

Register now to gain access to all of our features. Once registered and logged in, you will be able to contribute to this site by submitting your own content or replying to existing content. You'll be able to customize your profile, receive reputation points as a reward for submitting content, while also communicating with other members via your own private inbox, plus much more! This message will be removed once you have signed in.

HARDiš ye?

confront HTML/CSS NAV pabeigts, un arī nebūs!

Posted (edited)

Ja kādam vajag atdalīto CSS ;)

 

html, body {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd,dl, dt, li ,ol ,ul ,fieldset ,form ,label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
}

body { 
	background: url('../img/bg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;font-size: 12px;
}

.wrapper {
	margin: 0 auto;
	height: auto;
	width: 1000px;
}

#login-panel {
	background: url('../img/login-panel.png') repeat; 
	height: 56px;
	width: 100%;
	border-bottom:solid 1px #0a0c0e;
}

#logo {
	background: url('../img/logo.png') no-repeat;
	height: 377px;
	width: 600px;
}

#server-panel {
	height: auto;
	width: 596px;
	float: right;
	margin-right: 2px;
}

.panel-server {
	background: url('../img/server-panel.gif') no-repeat; 
	height: 29px;
	width: 568px;
	float: right;
	color: white;
	padding-top: 12px;
	padding-left: 30px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

#news-panel {
	height: auto;
	width: 395px;
	float: left;
	margin-left: 1px;
}

.news-panelbox {
	background: url('../img/panel-small.png') repeat; 
	height: 29px;
	width:365px;
	float: left;
	color: white;
	padding-top: 12px;
	padding-left: 30px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.news-box {
	height: auto;
	width:auto;
	float: left;
	margin-bottom: 2px;
}

#middle-panel {
	height: auto;
	width: 297px;
	float: left;
	margin-left: 4px;
}

.middle-panelbox {
	background: url('../img/panel-small.png') repeat;
	height: 29px;
	width:267px;
	float: left;
	color: white;
	padding-top: 12px;
	padding-left: 30px;
	border: 0px solid;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.middle-box {
	height: auto;
	width:auto;
	float: left;
}
	
#not-working-small {
	background: url('../img/warning-small.png') no-repeat; 
	height: 26px;
	width: 297px;
	float: right;
	color: white;
	text-align: center;
	padding-top: 9px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#content {
	background-color: white;
	height: auto;
	width: 1000px;
	margin-top: 3px;
	float: left;
	margin-bottom: 25px;
	padding-top: 2px;
}

.second-top {
	padding-top:7px;
	width:100%;
	height:45px;
	border-bottom:solid 1px #0a0c0e;
	background-color:#1f2224; 
	text-decoration: none;
}

.second-top  .middle  ul {
	margin:0 auto;
	padding:0;
	text-decoration: none;
	width: 1000px;
}

.second-top .middle  ul  li {
	list-style-type:none;
	float:left;
	width:100px;
	text-align:center;
	padding-top:12px;
	padding-bottom:7px;
	text-decoration: none;
}

.second-top .middle  ul  li  a {
	text-decoration: none;
	color:#bbb7b7;
	font-size:12px;
	text-transform: uppercase;
}

.second-top  .middle  ul  li  a:hover {
	color:#e7e7e7
}

.input-user {
	margin-top:12px;
	float: right;
	border: 1px solid white;
	width: 150px;
	height: 26px;
	font-size: 11px;
	color: #fff;
	margin-bottom: 3px;
	margin-left: 10px;
	background: transparent;
	text-align: center;
}

.input-password {
	margin-top:12px;
	float: right;
	border: 1px solid white;
	width: 150px;
	height: 26px;
	font-size: 11px;
	color: #fff;
	margin-bottom: 3px;
	margin-left: 10px;
	background: transparent;
	text-align: center;
}

.login-btn {
	margin-top:12px;
	float: right;
	border: 1px solid #ed5565;
	width: 100px;
	height: 30px;
	color: #ed5565;
	margin-right: 5px;
	margin-left:10px;
	font-size: 11px;
	background: transparent;
	text-align: center;
}

.register-btn {
	margin-top:12px;
	float: right;
	border: 1px solid #a0d468;
	width: 100px;
	height: 30px;
	color: #a0d468;
	margin-left:0px;
	font-size: 11px;
	background: transparent;
	text-align: center;
}

.login-btn:hover {
	float: right;
	border: 1px solid #ed5565;
	width: 100px;
	height: 30px;
	color: #fff;
	margin-right: 5px;
	margin-left:10px;
	font-size: 11px;
	background: transparent;
	text-align: center;
}

.register-btn:hover {
	border: 1px solid #a0d468;
	width: 100px;
	height: 30px;
	color: #fff;
	margin-left:0px;
	font-size: 11px;
	background: transparent;
	text-align: center;
}

.friends {
	background: none;
	height: auto;
	width: 100%;
	margin-top: 3px;
	float: left;
}

.friend-left {
	float: left;
	border:1px solid #ed5565;
	height:31px;
	margin-bottom: 1px; 
}

.friend-center {
	float:left;
	margin-left: 14px;
	border:1px solid #ed5565;
	height:31px;
	margin-bottom: 1px; 
}

.friend-right {
	float: right;
	border:1px solid #ed5565;
	height:31px;
	margin-bottom: 1px; 
}

.new {
	width:395px;
	height:auto;
	float:left;
	margin-top:3px;
	overflow:hidden
}

.image {
	float:left;
	width:395px;
	height:80px;
	position: relative;
}

.news-image {
	position: absolute;
	left: 0;
	width: 395px;
	text-align: center;
	font-size: 18px; 
}

.text {
	float:left;
	width:395px;
	font-size:12px;
	line-height:1.2;
	margin-top:7px;
	overflow:hidden;
	height:auto;
}

.page {
	width:28px;
	height:28px;
	text-align:center;
	line-height:28px;
	color:#fdfdfd;
	font-size:13px;
	float:left;
	background-color:#16191e;
	margin-right:5px;
	margin-top:15px;
	margin-bottom:20px
}

.news-line {
	width:100%;
	height:1px;
	background-color:#ddd;
	margin-top:5px;
	margin-bottom:5px;
	float:left
}

.read-more {
	float: left;
	border: 1px solid #ed5565;
	color: #ed5565;
	margin-right: 5px;
	margin-left:60px;
	font-size: 11px;
	background: transparent;
	text-align: center;
	margin-top:27px;
	padding-top: 5px;
	height: 20px;
	width: 129px;
	position: relative;
}

.read-more:hover {
	float: left;
	border: 1px solid white;
	color: white;
	margin-right: 5px;
	margin-left:60px;
	font-size: 11px;
	background: transparent;
	text-align: center;
	margin-top:27px;
	padding-top: 5px;
	height: 20px;
	width: 129px;
	position: relative;
}

.news-posted-btn {
	margin-top:5px;
	float: left;
	border: 1px solid #ed5565;
	width: 120px;
	height: 30px;
	color: #ed5565;
	margin-left:9px;
	font-size: 11px;
	background: transparent;
	text-align: center;
}

#monitor {
	margin-top:2px;
	float: left;
	border: 0px solid grey;
	margin-left: -2px;
	width: 100%;
	height: 50px;
	color: #ed5565;
	font-size: 11px;
	background: transparent;
	margin-bottom: 3px;
}

.players {
	background: url('../img/panel-small.png') repeat;
	height: 50px;
	width: 80px;
	color: white;
	float: left;
}

.game-ico {
	background: url('') no-repeat; 
	height:46px;
	width: 45px;
	float: right;
	margin-right: 2px;
	margin-top: 2px;
}

.server-desc {
	float: left;
	margin-left: 10px;
	margin-top: 9px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	height: 10px;
	width: 230px;
}

.server-desc-text {
	float: left;
	font-size: 12px;
	color: #000;
	height: 10px;
	margin-left: 10px;
	margin-top: 5px;
}

.desc-serv {
	float: left;
	color: #000;
	height: 50px;
	width: 250px;
}

.connect {
	height: 50px;
	width: 200px;
	float: left;
}
 
Quote

CSS netīšām specīali negribēdams saliku vienā līnijā. 

No netīšām ir arī vieglilabot. ;)

 

9 hours ago, HARDiš ye? said:

Kods ir mēslains, izmantoju <input> lai sīčiem sāp galva labot. JO TĀ NAV PAREIZI DARĪT HUH...

Var arī visu pārkodēt.. Tas , ka tu neproti, nenozīmē, ka kāds cits to neprot. :)

9 hours ago, HARDiš ye? said:

CSS netīšām specīali negribēdams saliku vienā līnijā. 

 

To netīšām ir arī viegli labot. 

9 hours ago, HARDiš ye? said:

Kods ir mēslains, izmantoju <input> lai sīčiem sāp galva labot. JO TĀ NAV PAREIZI DARĪT HUH...

Var arī visu pārkodēt.. Tas , ka tu neproti, nenozīmē, ka kāds cits to neprot. :) 

Edited by PROaffDES
-1

Share this post


Link to post
Share on other sites
3 hours ago, PROaffDES said:

Var arī visu pārkodēt.. Tas , ka tu neproti, nenozīmē, ka kāds cits to neprot. :) 

facepalm.gif

dis duuud, Tev laikam ir grūi saprast sarkasmu, un to ka tas ir speciāli darīts. 
IT'S TIME TO STOP! 

1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now