lostyazilim

Sayfayı Bölme

11 Mesajlar 3.804 Okunma
lstbozum
wmaraci reklam

gorkemg1234 gorkemg1234 WM Aracı Kullanıcı
  • Üyelik 11.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Ögrenci
  • Konum Bursa
  • Ad Soyad G** G**
  • Mesajlar 191
  • Beğeniler 0 / 12
  • Ticaret 3, (%100)
Merhabalar tema kodluyordum ama bi yerde takıldım main kısmı nav kısmının üstüne geliyor yardımcı olur musunuz

HTML KODLARI






Navbar Try ...






TITLE HEADING


Title description, Dec 7, 2017

Some text..


Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.




TITLE HEADING


Title description, Sep 2, 2017

Some text..


Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.








CSS KODLARI
body {
margin: 0;
padding: 0;
font-family: sans-serif;
}

/* navbar */

.nav {
height: 100%;
width: 15%;
position: fixed;
float: left;
top: 0;
left: 0;
background-color: #111111;
padding-top: 100px;
}

.nav li {
list-style: none;
position: absolute;
top: 45%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);;
}

.nav a {
line-height: 50px;
text-align: center;
text-decoration: none;
z-index: 1;
overflow-x: hidden;
font-size: 25px;
color: #ffffff;
display: block;
transition: 0.4s;
}

.nav a:hover {
background-color: #ffffff;
color: #111111;
transition: 0.4s;
}

.avatar {
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100px;
height: 100px;
border-radius: 50%;
}

.avatar:hover {
opacity: 0.8;
}

h1 {
position: absolute;
font-size: 16px;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #ffffff;
}

h1:hover {
opacity: 0.8;
}



/* main */

.wrapper {
position: absolute;
height: 100%;
width: 85%;
color: #ffffff;
background: #ccccccE3;
}

.main {
float: right;
}


 

 

wmaraci
reklam

ozgun ozgun WM Aracı Kullanıcı
  • Üyelik 29.12.2017
  • Yaş/Cinsiyet 34 / E
  • Meslek serbest
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** Ö**
  • Mesajlar 89
  • Beğeniler 13 / 12
  • Ticaret 2, (%50)
selam hocam kolay gelsin aşşağıdaki gibi yüzdeyle oynayıp istediğin yere getirebilirsin

.main {
width:50%;
margin:0px auto;
}
 

 

gorkemg1234 gorkemg1234 WM Aracı Kullanıcı
  • Üyelik 11.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Ögrenci
  • Konum Bursa
  • Ad Soyad G** G**
  • Mesajlar 191
  • Beğeniler 0 / 12
  • Ticaret 3, (%100)
olmadı hocam
 

 

Arestr Arestr WM Aracı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Devoloper
  • Konum Kayseri
  • Ad Soyad N** C**
  • Mesajlar 408
  • Beğeniler 403 / 143
  • Ticaret 0, (%0)
Sıkıntı burada hocam

height: 100%;
width: 15%;


Şu şekilde düzenleyin

nav{
width:100%;
height:15%;
}

.wrapper {
position: relative;
top:15%;
height: 100%;
width: 85%;
color: #ffffff;
background: #ccccccE3;
}


 

 

FULL STACK WEB DEVELOPER
wmaraci
wmaraci

ozgun ozgun WM Aracı Kullanıcı
  • Üyelik 29.12.2017
  • Yaş/Cinsiyet 34 / E
  • Meslek serbest
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** Ö**
  • Mesajlar 89
  • Beğeniler 13 / 12
  • Ticaret 2, (%50)
sen ne olmsını istiyon en sağa doğrumu yaslansın benim söylediğimle ortalayabilirsin
 

 

gorkemg1234 gorkemg1234 WM Aracı Kullanıcı
  • Üyelik 11.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Ögrenci
  • Konum Bursa
  • Ad Soyad G** G**
  • Mesajlar 191
  • Beğeniler 0 / 12
  • Ticaret 3, (%100)
ben sağda menü soldada yazı alanı olsun istiyorum %15 e %85 şekilde
 

 

gorkemg1234 gorkemg1234 WM Aracı Kullanıcı
  • Üyelik 11.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Ögrenci
  • Konum Bursa
  • Ad Soyad G** G**
  • Mesajlar 191
  • Beğeniler 0 / 12
  • Ticaret 3, (%100)

Arestr adlı üyeden alıntı

Sıkıntı burada hocam


Şu şekilde düzenleyin


olmadı maalesef
 

 

Arestr Arestr WM Aracı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Devoloper
  • Konum Kayseri
  • Ad Soyad N** C**
  • Mesajlar 408
  • Beğeniler 403 / 143
  • Ticaret 0, (%0)
tam olarak ortaya çıkarmak istediğiniz şablon nedir paint üzerinde çizip resim atabilir misiniz ?
 

 

FULL STACK WEB DEVELOPER

gorkemg1234 gorkemg1234 WM Aracı Kullanıcı
  • Üyelik 11.07.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Ögrenci
  • Konum Bursa
  • Ad Soyad G** G**
  • Mesajlar 191
  • Beğeniler 0 / 12
  • Ticaret 3, (%100)
yapmak istediğim şu

https://cdn.colorlib.com/wp/wp-content/uploads/sites/2/popular-wordpress-portfolio-themes.jpg

bu tarz bir şey ama resim olan kısımda yazı olucak
 

 

Arestr Arestr WM Aracı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Devoloper
  • Konum Kayseri
  • Ad Soyad N** C**
  • Mesajlar 408
  • Beğeniler 403 / 143
  • Ticaret 0, (%0)
taslak bu şekilde hocam gerisi size kalmış






Document









  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem

  • Sidebar İtem




Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus vel quam optio nisi, aut at culpa pariatur error asperiores tenetur, tempore saepe sit enim officia expedita iste similique corrupti ullam, provident dolore rem! Eligendi rerum animi totam officia velit dolorem nihil id incidunt eaque fugiat, labore provident. Maxime, voluptatum cumque repellat aut asperiores ipsa doloribus quae quod autem dignissimos sunt ullam qui officia laborum quo unde voluptatem quam facere obcaecati quaerat reprehenderit excepturi, nulla libero maiores dicta. Eum tempora incidunt dolore, voluptates quia, nobis autem non? Earum voluptatum nemo at, incidunt laudantium, sit, aut totam animi quaerat iusto necessitatibus minus.










 

 

FULL STACK WEB DEVELOPER
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al