Yazar |
Mesaj |
-
hellbas
Acemi Üye
|
08.08.2012, 14:00 (UTC) Mesaj konusu: Üst menü yukarı kayıyor yardım |
|
|
Arkadaşlar üst menüdeki arka plan reklamın arkasına gecıyor yanı menu galerı falan varya onların arkasına gecmıyor ne yapmam lazım yukarı kayıyor .
işte css nın bir parcası imageyı buraya yapıstırıyorum ama yukarı kayıyor
* {
margin: 0;
padding: 0;
}
body {
background: #fff url(http://img443.imageshack.us/img443/624/86200433.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #333;
} |
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
08.08.2012, 14:21 (UTC) Mesaj konusu: |
|
|
Öncelikle tasarımın bir kopyasının bulunduğu website adresini verirseniz daha iyi inceleme şansımız olur. |
|
↑
|
|
|
-
hellbas
Acemi Üye
|
08.08.2012, 14:35 (UTC) Mesaj konusu: |
|
|
öncelikle siteme gir hellbas.tr.gg altta giriş yazıyor ona tıkla görceksın hatayı o yukardakı sıyah var ya işte o Home page1 page2 fln varya orda olması gerekıyordu indirdigim yer ise http://www.free-css-templates.com/css-templates/3 Tasarımın ısmı BW ordan bakıp ındırebılırsın |
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
08.08.2012, 14:49 (UTC) Mesaj konusu: |
|
|
CSS kodlarını uygun bölüme ekledikten sonra.
Tasarımın üzerine:
Kod: <div id="wrap">
<div id="header">
<div class="headings">
<h1><a href="#">Header H1</a></h1>
<h2>Subheader, website description H2</h2>
</div>
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Page</a></li>
<li><a href="#">Page1</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Page3</a></li>
</ul>
</div>
</div>
<div id="left">
Tasarımın altına:
Kod:
</div>
<div id="right">
<div class="adleft">
<br /><br />
125x125<br />
Ads
</div>
<div class="adright">
<br /><br />
125x125<br />
Ads
</div>
<div style="clear: both;"> </div>
<div class="latestarticles">
<h2>Latest Articles</h2>
<ul>
<li><a href="#">Hilary wins Ohio...</a></li>
<li><a href="#">Ronaldo back in form...</a></li>
<li><a href="#">Top ten basketball players...</a></li>
<li><a href="#">Storm hits Germany...</a></li>
</ul>
</div>
<div class="menuleft">
<h2>Categories :</h2>
<ul>
<li><a href="#">World Politics</a></li>
<li><a href="#">Europe Sport</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Nature - Africa</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li>
<li><a href="#">June 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">August 2007</a></li>
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>
<h2>Links :</h2>
<ul>
<li><a href="#">A Friend</a></li>
<li><a href="#">Politics Blog</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">HDR Photos</a></li>
<li><a href="#">Yes! Blog</a></li>
</ul>
</div>
<div class="menuright">
<img src="images/120x600.gif" alt="x" />
</div>
</div>
<div style="clear: both;"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">Web Design Company</a>
</div>
</div>
kodlarını ekleyin ve düzenlenlemeye başlayın. Eğer sorun çıkarırsa CSS kodunu orjinalinden düzenleyip tekrar koyunuz.
Resimleri tam olarak upload ettiğinizden ve kodların bozulmadığından emin olun. |
|
↑
|
|
|
-
hellbas
Acemi Üye
|
08.08.2012, 14:58 (UTC) Mesaj konusu: |
|
|
yıne olmadı neyse saol baska tasarım denıcem artık |
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
08.08.2012, 15:03 (UTC) Mesaj konusu: |
|
|
Sorunu anladım menü arkaplan eklendiğinden dolayı ve üst reklam bulunduğundan dolayı otomatik alta atıyor.
5 dk kadar sabredin tasarımı yeniden katmanlayıp size tekrar göndereceğim. |
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
08.08.2012, 15:19 (UTC) Mesaj konusu: |
|
|
#Flood için özür dileyerek.
Aşağıdaki kodu CSS koduna eklerseniz gerekli işlemleri yapmış olacaksınız.
Öncelikle sorun şu, menü resmi arkplan resmi olarak eklendiği için ve bedava-sitem'de de reklam bulunduğundan dolayı menü altta resim üstte kalıyordu ancak Photoshop'ta arkaplan resmini düzenleyip yeniden ekledim ve sonuç olumlu.
Buyurun CSS kodu:
Kod:
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {
margin: 0;
padding: 0;
}
body {
background: #fff url(http://1.bp.blogspot.com/-l3oty2f8Lvc/UCKC0XFlc5I/AAAAAAAAAd8/_2VSWtjBim4/s1600/bg.png) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
top:15px;
color: #333;
}
a {
text-decoration: none;
color: #648CA5;
}
a:hover {
text-decoration: underline;
color: #111;
}
#wrap {
width: 780px;
margin: auto;
}
#header {
height: 100px;
margin-bottom: 20px;
}
.headings {
float: left;
}
.nav {
float: right;
padding-top: 30px;
}
.nav li {
float:left;
list-style-type:none;
}
.nav li a {
display: block;
font-size: 16px;
letter-spacing: -1px;
padding:0 5px 3px 5px;
margin: 0 5px;
text-decoration:none;
color: #eee;
border-bottom: 1px solid #777;
}
.nav li a:hover {
color:#eee;
text-decoration:none;
border-bottom: 1px solid #eee;
}
#header h1 {
font-size: 28px;
letter-spacing: -1px;
padding: 23px 0 0 0;
color: #ccc;
}
#header h1 a {
color: #ccc;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #fff;
}
#header h2 {
font-size: 19px;
color: #f7f7f7;
padding: 5px 0 0 0;
letter-spacing: -1px;
font-weight: 100;
}
#left{
float: left;
width: 500px;
text-align: justify;
}
#left h2 {
color: #648CA5;
font-size: 18px;
font-weight: 100;
font-style: italic;
padding: 15px 0 7px 0;
}
#left h2 a {
color: #648CA5;
text-decoration: none;
}
#left h2 a:hover {
color: #111;
}
#right {
float: right;
width: 260px;
}
.adleft {
float: left;
height: 105px;
width:105px;
border: 10px solid #bbb;
font-size: 18px;
color: #aaa;
text-align: center;
}
.adright {
float: right;
height: 105px;
width:105px;
border: 10px solid #bbb;
font-size: 18px;
color: #aaa;
text-align: center;
}
.latestarticles {
background: #eee;
margin-top: 15px;
}
.latestarticles h2 {
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #333;
color: #f7f7f7;
font-size: 13px;
}
.latestarticles ul {
padding: 10px 0 10px 25px;
color: #888;
}
.latestarticles ul li a {
color: #648CA5;
text-decoration: none;
font-weight: 100;
}
.latestarticles ul li a:hover {
color: #111;
}
.menuleft {
float: left;
width: 130px;
background: #eee;
margin-top: 10px;
}
.menuleft h2 {
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #333;
color: #f7f7f7;
font-size: 13px;
}
.menuleft ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.menuleft ul li a {
color: #648CA5;
text-decoration: none;
font-size: 12px;
font-weight: 100;
}
.menuleft ul li a:hover {
color: #111;
}
.menuright {
float: right;
width: 120px;
background: #eee;
margin-top: 10px;
}
.menuright h2 {
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #333;
color: #f7f7f7;
font-size: 13px;
}
.menuright ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.menuright ul li a {
color: #648CA5;
text-decoration: none;
font-size: 12px;
font-weight: 100;
}
.menuright ul li a:hover {
color: #111;
}
#footer {
margin-top: 10px;
background: #dedede;
border-top: 3px solid #999;
text-align: center;
font-size: 11px;
padding: 10px 0 10px 0;
}
|
|
↑
|
|
|
|