Forum'da ara:
Ara


Yazar Mesaj
Mesaj08.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;
}
Mesaj08.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.
Mesaj08.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
Mesaj08.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.
Mesaj08.08.2012, 14:58 (UTC)    
Mesaj konusu:

yıne olmadı neyse saol baska tasarım denıcem artık
Mesaj08.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.
Mesaj08.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;
}
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu