Witam, bardzo proszę o pomoc z moją stroną. Chcę zrobić, że jak się wejdzie w link do innej strony to ta strona pojawi się w nowej karcie tylko, że w ramce. Potrzebuje to do tego żeby na górze był pasek z zakładkami z mojej strony. Strona działa tylko, że jak próbuję się zalogować przez steam na tej stronie to pokazuje się biały ekran.
Plik css jak i html został skopiowany z innej strony.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta HTTP-EQUIV="Pragma" content="cache">
<meta NAME="ROBOTS" CONTENT="all">
<meta HTTP-EQUIV="Content-Language" CONTENT="pl">
<link rel="Stylesheet" type="text/css" href="css/style.css" />
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Poszukiwacz Zarobku</title>
</head>
<body>
<div id="csgo-gamble-site">
<iframe src="http://csgobooth.com/" id="frame"></iframe>
</div>
</body>
</html>
root, html, body {
padding: 0;
margin: 0;
font-family: Arial, sans-serif;
}
* {
box-sizing: border-box;
}
#header {
background-color: #383b43;
display: block;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
#headline {
background-color: #23252b;
display: block;
height: 60px;
border-bottom: 2px solid #ea6362;
}
#headline .logo {
background-color: #383b43;
display: inline-block;
float: left;
}
#headline .logo img {
display: inline-block;
height: 60px;
padding: 15px;
border-right: 2px solid #ea6362;
border-bottom: 2px solid #ea6362;
}
#headline #code {
display: inline-block;
border-right: 2px solid #ea6362;
height: 60px;
padding: 0 10px;
float: left;
}
#headline #code p {
margin: 0;
line-height: 20px;
font-size: 9px;
padding: 0;
color: #666A73;
display: block;
}
#headline #code input {
padding: 0;
margin: 0;
border: 2px solid #666A73;
background-color: #50535C;
height: 30px;
margin: 0 10px 0 0;
text-align: center;
color: #ea6362;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: none;
}
#headline #code input:focus {
outline: none;
}
#headline #lookfor {
display: block;
width: auto;
overflow: auto;
height: 60px;
position: relative;
overflow: hidden;
}
#headline #lookfor .site {
float: left;
width: 200px;
height: 52px;
margin: 3px 3px 0 0;
text-align: center;
font-size: 9px;
color: #4A4D57;
line-height: 52px;
border: 1px solid #4A4D57;
text-decoration: none;
}
#headline #lookfor .site:first-child {
margin: 3px 3px 0 3px;
}
#close-frame {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 19px;
background-color: #ea6362;
text-align: center;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
color: #000;
text-decoration: none;
}
#pop {
position: fixed;
bottom: 0;
right: 20px;
width: 100%;
height: 100%;
max-height: 336px;
max-width: 290px;
padding: 5px;
background-color: rgba(100,100,100,0.5);
z-index: 999;
}
#pop #close {
position: absolute;
left: -15px;
top: -15px;
width: 30px;
height: 30px;
background-color: red;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ea6362;
color: 000;
font-size: 17px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 999;
}
#csgo-gamble-site {
position: fixed;
left: 0;
top: 60px;
right: 0;
bottom: 0;
}
#csgo-gamble-site iframe {
position: absolute;
display: block;
border: 0;
height: 100%;
width: 100%;
z-index: 1;
}