(06.08.2018, 22:50)Fyeem napisał(a): HTML + CSS?
Ok to kod html
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<meta name="author" content="" />
<meta name="description" content="" />
<meta name="Revisit-After" content="3 days" />
<meta name="keywords" content="" />
<link href="https://fonts.googleapis.com/css?family=Cormorant+SC" rel="stylesheet">
<link rel="stylesheet" href="https://odnośnik/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
<link href="http://odnośnik/is/tmp/css/cssthc.css" rel="stylesheet" type="text/css">
<link href="http://odnośnik/is/tmp/css/css1.css" rel="stylesheet" type="text/css">
<link href="http://odnośnik/css/nav.css" rel="stylesheet" type="text/css">
<link href="http://odnośnik/images/favicon.png" rel="icon" type="img/ico">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="<?php echo $link; ?>/js/jquery.mCustomScrollbar.concat.min.js" type="text/javascript"></script>
<script src="<?php echo $link; ?>/js/jquery.bxslider.min.js"></script>
<script src="<?php echo $link; ?>/js/tooltips.js" type="text/javascript"></script>
<link href="<?php echo $link; ?>/tmp/css/jquery.bxslider.css" rel="stylesheet" />
<link href="//odnośnik/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="ccc.css" rel="stylesheet">
<script>
$(document).ready(function(){
$('.bxslider').bxSlider({
autoStart: true,
swipeThreshold: 100,
speed: 1200,
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#status").load('status.php');
var refreshId = setInterval(function() {
$("#status").load('status.php='+ Math.random());
}, 3500);
$.ajaxSetup({ cache: false });
});
</script>
</head>
<head>
<link rel="stylesheet" type="text/css" href="normalize.css" />
<link rel="stylesheet" type="text/css" href="./tmp/css/gracz.css" />
</head>
<script type="text/javascript">
(function($){
$(window).load(function(){
$(".owner").mCustomScrollbar({
theme:"dark"
});
$(".points").mCustomScrollbar({
theme:"dark"
});
});
})(jQuery);
</script>
<script>
$(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
</body>
</html>
a to css
table {
border-collapse: collapse;
font-family: arial,sans-serif;
width: 100%;
}
td, th {
border: 1px solid #000000;
padding: 8px;
text-align: left;
}
tr:nth-child(2n) {
background-color: #dddddd;
}
.time {
white-space: nowrap;
}
.green {
color: #009900;
font-weight: bold;
}
.red {
color: #ff0000;
font-weight: bold;
}
#menu-container {
width: 100%;
height: 60px;
background: rgba(33,33,33,0.9);
display: block;
}
body {
background:url(../../../images/header_background.png);"
text-align: left;
line-height: 1.4;
margin: 0;
font-family: 'Roboto', Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
overflow: auto;
}
#header {
width: 70%;
margin: 20px auto;
background: #fff;
border: 1px solid #D8D8D8;
color: #5F5F5F;
}
#content {
width: calc(70% - 16px);
margin: 0 auto;
margin-top: 0px;
color: #5F5F5F;
margin-top: 15px;
}
#menu-container {
width: 100%;
height: 60px;
background: rgba(33,33,33,0.9);
display: block;
}
#logo {
margin: 0 auto;
background: #2c3e50;
border: 1px solid #2C3E50;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(44, 62, 80);
border-bottom: 2px solid #2C3E50;
color: #FFF;
overflow: auto;
padding: 8px 8px;
font-size: 15px;
}
.center { text-align: center; }
#footer {
width: 70%;
margin: 4px auto;
}
.footer_wrapper {
font-size: 10px;
padding: 3px 6px;
color: #fff;
text-align: right;
}
#footer a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
.label {
display: inline;
padding: .2em .6em;
font-size: 85%;
color: #ffffff;
text-align: center;
vertical-align: inherit;
background: #da2352;
}
ul.menu {
width: 60px;
float: left;
height: 100%;
border-right: 2px solid #D8D8D8;
padding: 0;
margin: 0;
display: block;
}
ul.menu a {
text-align: center;
display: block;
border-bottom: 1px solid #D8D8D8;
color: #5F5F5F;
text-decoration: none;
padding: 10px;
width: 40px;
vertical-align: middle;
}
ul.menu a:hover {
background: #F5F4F4;
}
.arrow:before {
content: ' ';
position: absolute;
margin-left: 62px;
margin-top: 8px;
border-left: 4px solid #333;
border-style: solid;
border-width: 15px 0 15px 10px;
border-color: transparent transparent transparent #d8d8d8;
_border-color: #000000 #000000 #000000 #d8d8d8;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.container {
width: calc(100% - 62px);
height: 100%;
float: left;
overflow: hidden;
}
.lefts {
width: calc(40% - 2px);
height: 100%;
float: left;
border-right: 1px solid #D8D8D8;
}
.rights {
width: calc(60% - 2px);
height: 100%;
float: left;
}
.box_title {
padding: 15px 20px;
vertical-align: inherit;
border-bottom: 1px solid #D8D8D8;
}
.player {
height: 550px;
overflow: hidden;
background: #fff;
}
td a { text-decoration: none; color: #000000; font-size: }
td a:hover { text-decoration: underline; }
.playerhead {
box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset, 0px 1px 0px rgba(255,255,255,0.2);
border: 1px solid rgb(54, 54, 54);
}
.label-success { background: #29A615; }
.label-primary { background: #F58505; }
.playerdetails {
border-bottom: 1px solid #D8D8D8;
}
.playerdetails p {
padding: 6px 6px;
margin: 1px 0 0 0;
overflow: auto;
}
.detail {
font-family: 'Cuprum', sans-serif;
font-size: 19px;
}
.playerdetails a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.playerdetails a:hover {
text-decoration: underline;
}
.left{
float: left;
width: 45%;
margin-right: 3%;
}
.leftd {
width: calc(50% - 2px);
height: 534px;
float: left;
border-right: 1px solid #D8D8D8;
overflow: hidden;
}
.rightd {
width: calc(50% - 2px);
height: 534px;
float: left;
overflow: hidden;
}
.float {
position: absolute;
margin-left: 6px;
margin-top: 3px;
}
.buyform {
width: 450px;
margin: 45px auto;
text-align: center;
}
p { line-height: 1.8em; }
p.information {
width: 440px;
line-height: 1.5em;
}
p.details {
width: 440px;
line-height: 1.5em;
}
p.price {
width: 436px;
line-height: 1.5em;
text-align: right;
margin-top: -8px;
}
p.form {
width: 440px;
line-height: 1.5em;
margin-top: 15px;
}
p.buttons {
width: 440px;
line-height: 1.5em;
}
p.error {
width: 440px;
line-height: 1.5em;
color: red;
font-weight: bold;
font-size: 120%;
}
p.buttons a {
text-decoration: none;
font-size: 110%;
margin-right: 3px;
}
p {
overflow: auto;
width: 250px;
height: 100px;
border: 1px solid #BEBEBE;
}
input[type=text] {
padding: 14px 8px;
border: 1px solid #CFCFCF;
font-size: 120%;
}
input[type=password] {
padding: 14px 8px;
border: 1px solid #CFCFCF;
font-size: 120%;
}
input[type=submit] {
padding: 14px 8px;
border: 1px solid #CFCFCF;
font-size: 120%;
cursor: pointer;
font-weight: bold;
}
input[type=submit]:hover {
box-shadow: inset 0 0 2px #333;
}
.shopcontainer {
width: calc(100% - 2px);
height: 534px;
float: right;
overflow: hidden;
}
#search-player {
width: 80%;
height: 50px;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
}
#search-button-player {
float: left;
width: calc(20% - 2px);
height: 50px;
background: #2c3e50;
color: #fff;
border: solid 1px black;
font-size: 20px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
input {
line-height: normal;
}
button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
* {
font-family: 'Cormorant SC', serif;
font-family: sans-serif;
}
* {
margin: 0px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
overflow: hidden;
}
html {
font-size: 10px;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
}
.top {
width: 100%;
height: 100px;
background: #2c3e50;
color: #fff;
text-align: center;
line-height: 100px;
font-size: 30px;
font-weight: 500;
}
* {
font-family: 'Cormorant SC', serif;
font-family: sans-serif;
}
* {
margin: 0px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
overflow: hidden;
}
html {
font-size: 10px;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
}
#top-players-container {
width: 90%;
height: 800px;
margin-left: auto;
margin-right: auto;
background: #303231;
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
margin-top: 50px;
}
1 {
float: left;
}
2 {
float: right;
}
