Níže uvádám, odkaz, kde jsou u registrace obchodní podmínky, ovšem se to vypíše špatně, co e týče diakritiky.
Guarana & Sumol
Zde je daná část ze souboru register.php:
Údaje uvádějte podle reálných údajů, registrace se smyšlenými či zkreslenými údaji bude neplatná.
Souhlasím s obchodními podmínkami
a zde je celý css soubor:
* {
margin: 0;
}
html {
position: relative;
min-height: 100%;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
body {
height: 100%;
margin: 0 0 90px;
}
select {
max-width: 200px;
padding: 10px;
}
#wrapper {
min-height: 100%;
}
.reg {
float: left;
padding-left: 10px;
padding-right: 10px;
color: #2df383;
}
.logo {
margin-top: -80px;
margin-left: auto;
margin-right: auto;
}
footer{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
background-color: #fff;
text-align: center;
height: 90px;
}
footer .text {
padding-top: 10px;
}
footer a {
text-shadow: 0.50px 0.50px 1px rgba(0,0,0, 0.50);
color: #BAFF00;
text-decoration: none;
}
#wrapper {
min-height:100%;
position:relative;
}
/*--TOP--*/
#top {
position: absolute;
height: 146px;
width: 100%;
background-color: #fff;
color: #000;
z-index: 1000;
}
.nadpis {
padding-top: 37px;
margin-left: 65px;
}
.nadpis a, .nadpis img {
border: 0;
}
#top .separator {
clear: both;
margin-top: 20px;
}
.separator {
background-image: url(../images/separator.png);
height: 8px;
width: 100%;
background-repeat: x-repeat;
text-align: center;
}
#top .menu {
width: 100%;
margin-top: 28px;
text-align: center;
padding-bottom: 20px;
}
#top .menu a, #top .menu a:visited, #top .menu a:hover, #top .menu a:link {
font-family: Arial;
text-transform: uppercase;
padding-right: 19px;
color: #000;
text-decoration: none;
}
#top .menu .left {
position: absolute;
left: 50%;
margin-left: -500px;
color: #000;
text-align: right;
}
#top .menu .right {
position: absolute;
left: 50%;
margin-left: 90px;
color: #000;
text-align: left;
}
nav {
z-index: 9999999;
text-align: center;
}
nav ul ul {
z-index: 9999999;
display: none;
}
nav ul li:hover > ul {
z-index: 9999999;
display: block;
}
nav ul {
z-index: 9999999;
padding: 0;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
z-index: 9999999;
content: ""; clear: both; display: block;
}
nav ul li {
z-index: 9999999;
float: left;
}
nav ul li:hover {
z-index: 9999999;
}
nav ul li:hover a {
z-index: 9999999;
color: #fff;
}
nav ul li a {
z-index: 9999999;
display: block;
padding: 0px 10px;
color: #757575;
text-decoration: none;
}
nav ul ul {
z-index: 9999999;
margin-left: -55px;
background: rgba(255, 255, 255, 1);
text-align: center;
position: absolute;
top: 100%;
}
#top .loginpanel nav ul ul {
z-index: 9999999;
margin-left: -55px;
}
#top .loginpanel .up nav ul ul {
z-index: 9999999;
margin-left: -80px;
}
#top .loginpanel .up nav ul ul li a {
z-index: 9999999;
}
nav ul ul li {
z-index: 9999999;
text-align: center;
float: none;
position: relative;
}
nav ul ul li a {
z-index: 9999999;
padding: 15px 15px;
color: #fff;
}
nav ul ul li a:hover {
z-index: 9999999;
background: rgba( 200, 200, 200, 0.9);
}
nav ul ul ul {
z-index: 99999999;
position: absolute;
left: -110px;
top:0;
}
nav ul ul ul .smenarna {
z-index: 99999999;
position: absolute;
left: -120px;
top: 0px;
}
#top .login nav ul ul li a:hover, #top .login nav ul ul li a {
z-index: 9999999;
font-size: 12px;
background: transparent;
}
#top .loginpanel nav ul ul li {
z-index: 9999999;
padding: 20px;
}
#top .loginpanel .up {
z-index: 9999999;
float: right;
width: 250px;
}
.sumols {
position: absolute;
right: 0.5%;
top: 146px;
width: 17%;
text-align: center;
padding: 0.5%;
font-size: 18px;
font-family: Arial;
background-color: #fff;
}
#top .loginpanel .up nav ul ul li {
z-index: 9999999;
padding: 0;
}
#top .loginpanel {
font-family: Arial;
text-transform: uppercase;
width: 375px;
position: absolute;
right: 17px;
top: 43px;
}
#top .loginpanel img {
vertical-align: middle;
}
#top .loginpanel a, #top .loginpanel a:hover, #top .loginpanel a:link, #top .loginpanel a:visited{
color: #000;
text-decoration: none;
}
#top .loginpanel .register a{
float: left;
color: #2df383;
text-decoration: none;
}
#top .loginpanel .login a {
float: left;
color: #818181;
text-decoration: none;
}
/*--INPUTS, BUTTONS--*/
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.reginput {
margin-top: 5px;
margin-right: 35px;
margin-left: 35px;
border-radius: 5px;
padding: 10px 20px;
font-size: 18px;
text-align: center;
font-family: Arial;
border:1px solid #999;
transition: 0.5s;
}
.cisla {
margin-top: 5px;
margin-right: 35px;
margin-left: 35px;
border-radius: 5px;
padding: 10px 20px;
font-size: 18px;
text-align: center;
font-family: Arial;
border:1px solid #999;
transition: 0.5s;
}
.reginput:focus {
transition: 0.5s;
box-shadow:inset 0 0 3px 3px rgba(45, 243, 131, 0.5);
}
.textinpt {
width: 500px;
margin-top: 5px;
border-radius: 5px;
padding: 10px 20px;
font-size: 18px;
font-family: Arial;
border:1px solid #999;
transition: 0.5s;
}
.textinpt:focus {
transition: 0.5s;
box-shadow:inset 0 0 3px 3px rgba(45, 243, 131, 0.5);
}
.textinput {
width: 500px;
margin-top: 5px;
border-radius: 5px;
padding: 10px 20px;
font-size: 12px;
font-family: Arial;
border:1px solid #999;
transition: 0.5s;
}
.orderinput {
text-align: center;
width: 50%;
margin-top: 5px;
border-radius: 5px;
padding: 10px 20px;
font-size: 12px;
font-family: Arial;
border:1px solid #999;
transition: 0.5s;
}
.textinput:focus {
transition: 0.5s;
box-shadow:inset 0 0 3px 3px rgba(45, 243, 131, 0.5);
}
.textbutton {
width: 542px;
cursor: pointer;
margin-top: 10px;
color: #fff;
background-color: #2df383;
padding: 10px 20px;
font-family: Arial;
font-size: 24px;
border: none;
border-radius: 5px;
}
.loginput {
margin-top: 5px;
margin-bottom: 5px;
border-radius: 5px;
padding: 10px 20px;
font-size: 12px;
font-family: Arial;
border:1px solid #999;
transition: 0.5s;
}
.loginput:focus {
transition: 0.5s;
box-shadow:inset 0 0 3px 3px rgba(45, 243, 131, 0.5);
}
.loginbtn {
cursor: pointer;
margin-top: 10px;
color: #fff;
background-color: #2df383;
padding: 5px 10px;
font-family: Arial;
font-size: 16px;
border: none;
border-radius: 5px;
}
.error {
width: 70%;
border: 1px solid #ff0000;
border-radius: 5px;
background-color: #d70000;
padding: 20px;
font-size: 14px;
font-family: Arial;
margin: 20px auto;
line-height: 20px;
text-align: center;
color: #fff;
}
.error h1{
font-size: 18px;
}
.error a{
font-weight: bold;
font-size: 20px;
text-decoration: none;
color: #FFFFFF;
}
.success {
width: 70%;
border: 1px solid #00FF00;
border-radius: 5px;
background-color: #2fc339;
padding: 20px;
font-size: 14px;
font-family: Arial;
margin: 20px auto;
line-height: 20px;
text-align: center;
color: #fff;
}
.success h1{
font-size: 18px;
}
.btn {
cursor: pointer;
margin-top: 10px;
color: #fff;
background-color: #2df383;
padding: 10px 20px;
font-family: Arial;
font-size: 24px;
border: none;
border-radius: 5px;
}
@media (max-width: 1920px) {
.cntntbox {
background-color: #FFF;
color: #000;
padding-top: 226px;
padding-left: 2.5%;
padding-right: 2.5%;
padding-bottom: 2em;
width: 57%;
min-height: 650px;
height: auto;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1366px) {
.cntntbox {
background-color: #FFF;
color: #000;
padding-top: 226px;
padding-left: 2.5%;
padding-right: 2.5%;
padding-bottom: 2em;
width: 57%;
min-height: 400px;
height: auto;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1280px) {
.cntntbox {
background-color: #FFF;
color: #000;
padding-top: 226px;
padding-left: 2.5%;
padding-right: 2.5%;
padding-bottom: 2em;
width: 57%;
min-height: 500px;
height: auto;
margin-left: auto;
margin-right: auto;
}
}
.cntntbox img {
max-width: 100%;
}
.leftbg {
position: fixed;
z-index: -1;
float: left;
left: 0;
top: 0;
background-image: url(../images/left.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 25%;
height: 100%;
}
.rightbg {
position: fixed;
z-index: -1;
right: 0;
top: 0;
float: right;
background-image: url(../images/right.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 25%;
height: 100%;
}
.pricetab{
width: 20%;
min-width:220px;
background: #e1e1e1;
display: inline-block;
margin-top:.2%;
}
.pricetab2{
width: 20%;
min-width:300px;
background: linear-gradient(#30F804, #31c312);
display: inline-block;
margin-top:.2%;
}
.price2{
width:160px;
height:90px;
border-radius:0%;
border:1px solid black;
margin:1% auto 0 auto;
text-align: center;
vertical-align: middle;
line-height: 30px;
}
.infos{
margin-top:10%;
}
.prvniradek2{
text-align: center;
width: 100%;
margin: 0 auto;
}
.druhyradek2{
text-align: center;
width: 100%;
margin: 0 auto;
}
.tretiradek2{
text-align: center;
width: 100%;
margin: 0 auto;
}
.news {
}
.news-title {
float: left;
}
.news-title h3 {
padding: 0;
margin: 0;
}
.news-date {
color: #919090;
float: right;
font-weight: bold;
}
#news-pagination {
margin-top: 0px;
float: right;
}
#news-pagination a {
text-align: center;
vertical-align: middle;
line-height: 32px;
color: #000;
}
#news-pagination a:hover {
text-decoration: none;
}
.interest {
}
.interest-title {
float: left;
}
.interest-title h3 {
padding: 0;
margin: 0;
}
#interest-pagination {
margin-top: 0px;
float: right;
}
#interest-pagination a {
text-align: center;
vertical-align: middle;
line-height: 32px;
color: #000;
}
#interest-pagination a:hover {
text-decoration: none;
}
.interest img {
float: left;
padding-right: 15px;
}
.windowModal {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 999999990;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.windowModal:target {
opacity:1;
pointer-events: auto;
}
.windoworder {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 999999990;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.windoworder:target {
opacity: 1;
pointer-events: auto;
}
.produkt_div {
width: 50%;
min-height: 265px;
float: left;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
.produkt_div a, .produkt_div a:hover, .produkt_div a:link, .produkt_div a:visited {
text-decoration: none;
color: #000;
}
.windoworder > div {
text-align: center;
width: 300px;
min-height: 300px;
margin: 5% auto;
position: relative;
padding: 20px;
border-radius: 10px;
background: #e1e1e1;
}
.windowModal > div {
width: 90%;
min-height: 500px;
position: relative;
margin: 100px auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #e1e1e1;
}
.close {
background: #1e1e1e;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.closeorder {
background: #1e1e1e;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -10px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
#form-passwd {
display: none;
}
.dopr {
height: 400px;
}
.dopravadiv {
line-height: 75px;
vertical-align: bottom;
width: 100%;
height: 75px;
}
.dopravadiv img {
height: 100%;
}
@media (max-width: 1920px)
{
.order .item{
position: relative;
text-align: center;
border-radius: 10px;
width: 40%;
height: 500px;
border: 1px solid #000;
box-sizing: border-box;
float: left;
margin-left: 5%;
margin-right: 5%;
margin-top: 20px;
padding-bottom: 5px;
}
}
@media (max-width: 1280px)
{
.order .item{
position: relative;
text-align: center;
border-radius: 10px;
width: 40%;
height: 650px;
border: 1px solid #000;
box-sizing: border-box;
float: left;
margin-left: 5%;
margin-right: 5%;
margin-top: 20px;
padding-bottom: 5px;
}
}
.order .item hr {
width: 75%;
margin-left: auto;
margin-right: auto;
}
.order .item .image{
text-align: center;
width: 100%;
height: 250px;
}
.order .item .image img {
height: 100%;
}
.order .item .skladem {
line-height: 25px;
vertical-align: bottom;
width: 100%;
height: 25px;
background-color: #00FF00;
text-align: center;
color: #fff;
}
.order .item .neniskladem {
line-height: 25px;
vertical-align: bottom;
width: 100%;
height: 25px;
background-color: #FF0000;
text-align: center;
color: #fff;
}
.order .item .info {
position: absolute;
bottom: 5px;
left: 5%;
right: 5%;
text-align: center;
}
.order .item h3 {
font-size: 18px;
font-weight: bold;
color: #FF0000;
}
.items {
width: 100%;
}
@media (max-width: 1920px) {
.items .item {
position: relative;
float: left;
text-align: center;
margin-top: 40px;
margin-left: 25px;
background: #e1e1e1;
border-radius: 250px;
width: 135px;
font-size: 18px;
height: 195px;
padding: 45px 60px 30px 60px;
}
.items .item .text {
position: relative;
}
.items .left {
float: left;
margin-left: 100px;
margin-top: 50px;
}
.items h3, .items h4 {
color: #FF0000;
}
.items .left img {
float: left;
margin-left: -160px;
margin-top: -250px;
transform: rotate(12deg);
}
.items .right {
float: right;
margin-top: 60px;
margin-right: 140px;
}
.items .right img {
float: left;
margin-left: 140px;
margin-top: -250px;
transform: rotate(-12deg);
}
}
@media (max-width: 1366px) {
.items .item {
float: left;
text-align: center;
margin-top: 50px;
background: #e1e1e1;
border-radius: 250px;
width: 105px;
font-size: 12px;
height: 135px;
padding: 35px 50px 25px 50px;
}
.items .item .text {
position: relative;
}
.items .left {
float: left;
margin-left: 100px;
margin-top: 50px;
}
.items h3 {
font-size: 18px;
}
.items h3, .items h4 {
color: #FF0000;
}
.items .left img {
float: left;
margin-left: -115px;
margin-top: -200px;
transform: rotate(12deg);
}
.items .right {
float: right;
margin-top: 60px;
margin-right: 140px;
}
.items .right img {
float: left;
margin-left: 100px;
margin-top: -250px;
transform: rotate(-12deg);
}
}
@media (max-width: 1280px) {
.items .item {
float: left;
text-align: center;
margin-top: 100px;
background: #e1e1e1;
border-radius: 250px;
width: 105px;
font-size: 12px;
height: 135px;
padding: 35px 50px 25px 50px;
}
.items .item .text {
position: relative;
}
.items .left {
float: left;
margin-left: 100px;
margin-top: 50px;
}
.items h3 {
font-size: 18px;
}
.items h3, .items h4 {
color: #FF0000;
}
.items .left img {
float: left;
margin-left: -100px;
margin-top: -175px;
transform: rotate(12deg);
}
.items .right {
float: right;
margin-top: 60px;
margin-right: 140px;
}
.items .right img {
float: left;
margin-left: 100px;
margin-top: -175px;
transform: rotate(-12deg);
}
}
.red {
color: #FF0000;
}
.clients {
background-color: #e1e1e1;
min-height: 20px;
height: auto;
padding: 20px;
margin-top: 5px;
position: relative;
border: 1px solid #000;
box-sizing:border-box;
text-align: center;
display: inline-block;
}
.clients h4 {
position: absolute;
top: 25px;
right: 30px;
font-size: 12px;
}
.clients .jmeno {
text-align: center;
width: 25%;
float: left;
}
.clients .prijmeni {
text-align: center;
width: 25%;
float: left;
}
.clients .email {
text-align: center;
width: 50%;
float: left;
}
#helpers-one,
#helpers-two,
#helpers-three,
#helpers-four,
#helpers-five{
margin-left: auto;
margin-right: auto;
font-weight: normal;
}
#hide-one,
#hide-two,
#hide-three,
#hide-four,
#hide-five{
display:none;
}
#hide-one,
#hide-two,
#hide-three,
#hide-four,
#hide-five{
display:none;
text-decoration: underline;
color: blue;
cursor: pointer;
}
#show-one,
#show-two,
#show-three,
#show-four,
#show-five{
text-decoration: underline;
color: blue;
cursor: pointer;
}
.hidden:nth-child(n + 6){
display: none;
}
.oriznuty {
width: 100%;
max-height: 3.75em;
line-height: 1.25em;
overflow: hidden;
position: relative;
}
.oriznuty span {
position: absolute;
top: 2.5em;
right: 0;
width: 100%;
text-align: left;
background: #fff;
color: blue;
text-decoration: underline;
cursor: pointer;
}
Toto je soubor vop.php na který se odkazuje v registraci, v menu je položka obchodní podmínky a tam to funguje.
$sql = mysql_query("SELECT * from pages WHERE id='5'") or die("Chyba při čtení!");
Prodej
Více
