Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
wmaraci reklam

Kodlaması biten tasarımım

 21 Mesajlar 3.034 Okunma
wmaraci reklam

#1
AksiAdam AksiAdam WM Aracı Kullanıcı
  • Üyelik 29.05.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 103
  • Beğeniler 7 / 5
  • Ticaret 1, (%100)
Arkadaşlar konu açmıştım geçenlerde sağolsun bir arkadaş css&html döktü :)
Sizce nasıl olmuş görüşlerinizi alabilirmiyim :)

Demo: http://aksiadam.net/temam/

http://validator.w3.org/check?uri=http%3A%2F%2Faksiadam.net%2Ftemam%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3

Not: iletişim kısmınki çubukları nasıl hakkıma kısmına taşıyabilirim :)
 

 

Bu adam çok aksi..
wmaraci
reklam

#2
BKD BKD WM Aracı Kullanıcı
  • Üyelik 14.04.2012
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum
  • Ad Soyad B** D**
  • Mesajlar 548
  • Beğeniler 30 / 130
  • Ticaret 11, (%100)
Güzel olmuş ama arama kutusuna focus:outline ve arama butonuna da cursor:pointer özelliğini verirseniz daha güzel olabilir.
düzenleme: focus: outline, cursor: pointer olacak yukarıda ifade çıkmış :)
 

 

#3
Kakarotto Kakarotto WM Aracı Kullanıcı
  • Üyelik 30.01.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Software Developer
  • Konum İstanbul Avrupa
  • Ad Soyad M** A**
  • Mesajlar 2434
  • Beğeniler 686 / 1150
  • Ticaret 1, (%100)
Tasarımları normal standartlarda kodlamanız/çizmeni daha iyi olur. 1024x768px ekranda tasarım çok geniş duruyor.
En ideal genişlik 960px`dir.

Arkaplan ile yazıların bulunduğu kutuların arkaplanında bir iki ton renk farkı olması da gözleri yormamayı sağlar.

Elinize sağlık. :)
 

 

#4
Coree Coree WM Aracı Kullanıcı
  • Üyelik 06.08.2012
  • Yaş/Cinsiyet - / E
  • Meslek Fizyoterapist
  • Konum Malatya
  • Ad Soyad ** **
  • Mesajlar 52
  • Beğeniler 4 / 11
  • Ticaret 0, (%0)
Arka planı biraz koyulaştır kardeşim.Göz ağrıtır. Bi blog için fazla beyaz bi sayfa :D
 

 

wmaraci
wmaraci

#5
AksiAdam AksiAdam WM Aracı Kullanıcı
  • Üyelik 29.05.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 103
  • Beğeniler 7 / 5
  • Ticaret 1, (%100)

BKD adlı üyeden alıntı

Güzel olmuş ama arama kutusuna focus:outline ve arama butonuna da cursor:pointer özelliğini verirseniz daha güzel olabilir.
düzenleme: focus: outline, cursor: pointer olacak yukarıda ifade çıkmış :)


Kakarotto adlı üyeden alıntı

Tasarımları normal standartlarda kodlamanız/çizmeni daha iyi olur. 1024x768px ekranda tasarım çok geniş duruyor.
En ideal genişlik 960px`dir.

Arkaplan ile yazıların bulunduğu kutuların arkaplanında bir iki ton renk farkı olması da gözleri yormamayı sağlar.

Elinize sağlık. :)

Hocam ne kadar geniş duruyor acaa pmden ss atıp yollayabilirmisiniz :)

Coree adlı üyeden alıntı

Arka planı biraz koyulaştır kardeşim.Göz ağrıtır. Bi blog için fazla beyaz bi sayfa :D

Teşekkürler arkadaşlar yorumlarınız ve önerileriniz için teşekkürler :) biraz araştırıp kendim geliştirmeye çalışacağım önerilerinize göre,giydirebilirsemde wordpresse giydireceğim :)
 

 

Bu adam çok aksi..

#6
saintx saintx .... Kullanıcı
  • Üyelik 19.07.2012
  • Yaş/Cinsiyet 44 / E
  • Meslek ...
  • Konum Diğer
  • Ad Soyad .** .**
  • Mesajlar 148
  • Beğeniler 1 / 40
  • Ticaret 2, (%100)
hocam 1024x768 ekranda sorun var width oranını küçültün derim
 

 

#7
AksiAdam AksiAdam WM Aracı Kullanıcı
  • Üyelik 29.05.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 103
  • Beğeniler 7 / 5
  • Ticaret 1, (%100)

saintx adlı üyeden alıntı

hocam 1024x768 ekranda sorun var width oranını küçültün derim


hocam ss atarmısınız şimdi küçültüm deniyorum
 

 

Bu adam çok aksi..

#8
saintx saintx .... Kullanıcı
  • Üyelik 19.07.2012
  • Yaş/Cinsiyet 44 / E
  • Meslek ...
  • Konum Diğer
  • Ad Soyad .** .**
  • Mesajlar 148
  • Beğeniler 1 / 40
  • Ticaret 2, (%100)

AksiAdam adlı üyeden alıntı

hocam ss atarmısınız şimdi küçültüm deniyorum


buyrun hocam;

 

 

#9
AksiAdam AksiAdam WM Aracı Kullanıcı
  • Üyelik 29.05.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 103
  • Beğeniler 7 / 5
  • Ticaret 1, (%100)

saintx adlı üyeden alıntı

buyrun hocam;



baya genişmiş ya :D sağolun ayarlıyabilirsem şimdi ayarlıcam :)

edit: @charset "UTF-8";
body {
background-image: url(images/site-bg.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4;
width: 100%;
}
ul, ol, dl, h1, h2, h3, h4, h5, h6, p {
padding: 0;
margin: 0;
}
a img {
border: none;
}
#content {
font-size: 12px;
color: #3b3c3c;
text-decoration: none;
width: 1054px;
margin: 0 auto;
}
#twitter {
font-size: 12px;
color: #80a7ce;
text-decoration: none;
height: 20px;
background-image: url(images/twitter-ico.png);
background-repeat: no-repeat;
padding: 4px 0 0 35px;
}
#twitter a {
color: #fff;
text-decoration: none;
}
#twitter a:hover {
color: #ddd;
text-decoration: none;
}
#header {
width: 1054px;
margin: 0 auto;
}
#logo {
float: left;
width: 500xp;
height: 127px;
}
#menu {
float: left;
width: 1054px;
height: 44px;
background: url(images/menu-bg.png) repeat-x;
}
#menu li {
display: inline;
}
#menu a {
float: left;
text-decoration: none;
font-weight: normal;
color: #484848;
font-size: 13px;
height: 32px;
padding: 12px 15px 0 15px;
background: url(images/menu-ayrac.png) no-repeat;
}
#menu a:hover {
background: #4BC9F1;
color: #c93300;
}
#menu .active a {
color: #c93300;
}
#ust {
width: 1054px;
height: 205px;
}
#hakkimda {
background-image: url(images/hakkimda-bg.png);
background-repeat: no-repeat;
height: 205px;
width: 608px;
display: block;
float: left;
}
#hakkimda p {
margin-left: 238px;
padding-top: 75px;
width: 303px;
height: 80px;
font-size: 11px;
}
#tavsiyeler {
width: 434px;
height: 205px;
float: right;
text-align: center;
}
#tavsiyeler h1 {
font-size: 14px;
color: #3a4766;
text-decoration: none;
background-image: url(images/tavsiye-bg.png);
background-repeat: no-repeat;
height: 27px;
width: 434px;
padding: 4px 10px;
margin-top: 35px;
text-align: left;
}
#tavsiyeler a {
padding: 0 1px;
}
.slider {
width: 712px;
border: 2px solid #93a8a9;
border-radius: 5px;
margin-bottom: 25px;
}
.slider-img a img {
border: 5px solid #bebebe;
border-radius: 2px;
margin-right: 30px;
float: left;
}
.slider-img a img:hover {
border: 5px solid #d4d4d4;
}
.slider h1 a {
font-size: 19px;
color: #627282;
text-decoration: none;
}
.slider h1 a:hover {
color: #445e77;
}
.slider p {
font-size: 11px;
padding: 10px 0;
}
.icerik {
float: left;
margin: 20px 5px 20px 30px;
width: 622px;
}
.icerik .devami {
text-decoration: none;
color: #627282;
font-size: 11px;
float: right;
padding: 10px 30px 0 0;
}
.icerik .devami:hover {
color: #4e6174;
}
.icerik-detay {
margin: -10px 0 10px 20px;
color: #627282;
font-size: 11px;
}
.icerik-detay b {
padding-right: 15px;
}
#icons {
float: right;
text-decoration: none;
padding: 20px 5px 0 0;
width: 50px;
}
#icons ul {
list-style: none;
list-style-type: none;
list-style-icon: none;
}
#icons ul li a {
float: right;
text-decoration: none;
list-style: none;
list-style-type: none;
list-style-icon: none;
padding: 2px 0 0 6px;
margin-bottom: 5px;
background: url(images/slider-icon-bg.png) no-repeat;
height: 19px;
width: 21px;
color: #3b3b3c;
}
#icons ul li a:hover {
background: url(images/slider-icon-bg-active.png) no-repeat;
}
#icerik {
float: left;
width: 720px;
}
#sidebar {
float: right;
padding: 0 40px;
}
.social-icons {
float: right;
text-decoration: none;
padding: 5px 5px 0 0;
width: 45px;
}
.social-icons ul {
list-style: none;
list-style-type: none;
list-style-icon: none;
}
#sayfalar {
margin: 0 auto;
text-align: center;
}
.sayfa {
background: url(images/sayfa-bg.png) no-repeat;
text-decoration: none;
height: 21px;
width: 38px;
display: inline-block;
padding-top: 2px;
color: #FFF;
font-size: 12px;
font-weight: bold;
}
.sayfa:hover {
background: url(images/sayfa-bg-aktif.png) no-repeat;
}
.sayfa-aktif {
background: url(images/sayfa-bg-aktif.png) no-repeat;
text-decoration: none;
height: 21px;
width: 38px;
display: inline-block;
padding-top: 2px;
color: #FFF;
font-size: 12px;
font-weight: bold;
}
.blog {
width: 253px;
display: block;
padding-bottom: 20px;
}
.blog h1 {
background-image: url(images/kategori-baslik-bg.png);
background-repeat: no-repeat;
height: 26px;
width: 253px;
color: #3a4766;
font-size: 14px;
padding: 8px 0 0 10px;
}
#arama {
background-image: url(images/arama-bg.png);
background-repeat: no-repeat;
height: 39px;
width: 240px;
padding: 9px 12px;
margin: 6px;
}
.arama-input {
background-image: url(images/arama-input.png);
background-repeat: no-repeat;
text-decoration: none;
height: 22px;
width: 164px;
border: none;
padding-left: 25px;
}
.arama-button {
background-image: url(images/arama-button.png);
background-repeat: no-repeat;
height: 24px;
width: 24px;
border: none;
}
.arama-button {
background-image: url(images/arama-button.png);
background-repeat: no-repeat;
height: 24px;
width: 24px;
border: none;
}
.arama-button:hover {
background-image: url(images/arama-button-hover.png);
}
.arama-button:active {
background-image: url(images/arama-button-click.png);
}
#sosyal-aglar {
width: 240px;
padding: 9px 12px;
margin: 6px;
}
#sosyal-aglar img {
padding: 6px;
opacity: 0.5;
filter: alpha(opacity=50);
}
#sosyal-aglar img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
#kategoriler {
height: auto;
width: 240px;
padding: 9px 12px;
margin: 6px;
display: block;
}
#kategoriler a {
color: #383939;
font-size: 14px;
text-decoration: none;
}
#kategoriler a:hover {
color: #3a4766;
text-decoration: underline;
}
#kategoriler ul {
width: 120px;
text-decoration: none;
list-style: none;
}
#kategoriler li {
padding: 5px 10px;
}
#video {
width: 240px;
padding: 10px 0;
text-decoration: none;
text-align: center;
margin: 0 auto;
}
#video img {
opacity: 0.5;
filter: alpha(opacity=50);
}
#video img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
#alt {
width: 1054px;
display: block;
}
.alt_bolum {
width: 351px;
float: left;
}
.alt_bolum h1 {
color: #627282;
font-size: 20px;
border-bottom: 7px solid #e6e6e6;
margin-right: 50px;
padding-top: 60px;
text-align: center;
}
.alt_icerik img {
border: 5px solid #bebebe;
float: left;
margin: 8px;
}
.alt_icerik img:hover {
border: 5px solid #d4d4d4;
opacity: 0.8;
filter: alpha(opacity=80);
}
.alt_icerik h2, .alt_icerik h2 a {
font-size: 12px;
padding: 10px 0 8px 0;
text-decoration: none;
color: #627282;
}
.alt_icerik h3, .alt_icerik h3 a {
font-size: 10px;
text-decoration: none;
color: #627282;
}
.alt_icerik h2 a:hover, .alt_icerik h3 a:hover {
color: #2d4154;
}
#footer {
border: 1px solid #e5e0cc;
width: 1054px;
background-color: #f4f4f4;
display: block;
padding: 10px 35px;
margin-top: 50px;
color: #535353;
font-size: 9px;
}
.SonYorumlar {
width: 250px;
padding-right: 50px;
}
.SonYorumlar a {
color: #535353;
text-decoration: none;
}
.SonYorumlar h1 {
text-align: center;
color: #627282;
font-size: 18px;
}
.SonYorumlar h2 {
padding-top: 9px;
font-size: 12px;
}
.SonYorumlar h2 a {
font-size: 12px;
}
.SonYorumlar h3, .SonYorumlar h3 a {
padding: 5px;
font-size: 10px;
}
.SonYorumlar img {
border: 3px solid #e7e7e7;
float: left;
margin: 6px;
}
.SonYorumlar img:hover {
border: 3px solid #aeaeae;
}
#iletisim {
width: 450px;
text-align: center;
}
#iletisim h1 {
text-align: center;
color: #627282;
font-size: 18px;
}
#iletisim input {
border: none;
background-image: url(images/iletisim-input-bg.png);
background-repeat: no-repeat;
height: 26px;
width: 270px;
padding: 3px 10px;
background-color: #f4f4f4;
}
#iletisim input:hover {
background-image: url(images/iletisim-input-aktif-bg.png);
background-repeat: no-repeat;
}
#iletisim textarea {
border: none;
background-image: url(images/iletisim-text-bg.png);
background-repeat: no-repeat;
height: 95px;
width: 271px;
text-decoration: none;
padding: 10px;
background-color: #f4f4f4;
display: inline-block;
}
#iletisim textarea:hover {
background-image: url(images/iletisim-text-aktif-bg.png);
background-repeat: no-repeat;
}
#iletisim .iletisim-button {
background-image: url(images/iletisim-button.png);
background-repeat: no-repeat;
height: 23px;
width: 114px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#iletisim .iletisim-button:hover {
background-image: url(images/iletisim-button-aktif.png);
}
#iletisim .iletisim-button:active {
background-image: url(images/iletisim-button-active.png);
}
#copyright {
padding: 20px 5px;
color: #404345;
font-size: 10px;
}


css üzerinde hangi kodu değiştirmem gerek:o bütün width lerimi düzeltmeliyim :)
 

 

Bu adam çok aksi..

#10
saintx saintx .... Kullanıcı
  • Üyelik 19.07.2012
  • Yaş/Cinsiyet 44 / E
  • Meslek ...
  • Konum Diğer
  • Ad Soyad .** .**
  • Mesajlar 148
  • Beğeniler 1 / 40
  • Ticaret 2, (%100)

AksiAdam adlı üyeden alıntı

css üzerinde hangi kodu değiştirmem gerek:o bütün width lerimi düzeltmeliyim :)



body {
background-image: url(images/site-bg.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4;
width: 90%;
}


yaparsan düzelir diye düşünüyorum.
 

 

Telays Blog v1 [ PSD,HTML,CSS ]
Uygun Fiyata Kampanyalı Html+Css Kodlama işleriniz Yapılır
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