Bir tasarım yaptım, daha başındayım ancak logo ve sosyal medya butonlarım sayfayı büyütünce ve küçültünce boyut değiştiriyor. Hiçbir şekilde müdahele edemedim. Yardım ederseniz çok sevinirim.
Video:
Kodlarım:
CSS
#apDiv1 {
position: absolute;
width: 100%;
height: 8%;
z-index: 1;
left: 0%;
background-color: #DAE600;
}
#apDiv2 {
position: absolute;
width: 10%;
height: 30%;
z-index: 1;
left: 85%;
top: 0%;
}
.like {
border-style:solid;
background-color:#CCC;
border-radius:10px;
border-width:0px;
-webkit-box-shadow: 0px 14px 45px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 14px 45px -1px rgba(0,0,0,0.75);
box-shadow: 0px 14px 45px -1px rgba(0,0,0,0.75);
.blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
}
#apDiv3 {
position: absolute;
width: 10%;
height: 100%;
z-index: 2;
}
#apDiv4 {
position: absolute;
width: 607px;
height: 41px;
z-index: 3;
left: 15%;
top: 23px;
position:fixed;
}
img.boyutlandirma {
max-width=10px;
height=10px;
}
#apDiv5 {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
left: 1px;
top: 2px;
}
Html
