aşağıda kullanmış olduğum film arşiv programının HTML CSS dosyasının içeriğini ekledim arkadaşlar. burada filmin afişinin bulunduğu resmin boyutlandırmasını bir türlü yapamıyorum. resim küçük göründüğü için büyütmek istiyorum. ama bir türlü beceremedim. kodları aşağıda resmi büyütmek ve çerçevesini kaldırmak için hangi kodu ne şekilde yazmalıyım
BODY { background: #eee; padding:0px; margin:0px; margin-top:10px;} #dolphincontainer{position:relative;border-bottom: 0px solid #1d6893; color:#000;background:#eee;width:100%;font:normal 9pt Verdana;} #dolphinnav{position:relative;height:33px;font:bold 9pt Verdana;text-transform:uppercase;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:5px 0 0 60px;} #dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;} #dolphinnav ul li{display:block;float:left;margin:0 1px;} #dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;} #dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;} #dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;} #dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;} #dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;} #dolphinnav ul li a.current span{display:block;padding:0px 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
►buda html sayfasının web görünümü... bahsettiğim alan solda kalan çerçeveli kısım, hem buradaki görünücek resmin boyutlarını büyütmek hem de çerçeveyi kaldırmak istiyorum... Yardımcı olacak arkadaşlara çok teşekkür ederim < Resime gitmek için tıklayın >
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.
Sadece CSS kodları ile o çerçeveye hangisi etki ediyor benim bulmam zor. O sayfanın linkini verseydiniz bakardım.
Bu tip işlerde browserin geliştirici özelliğini kullanırsanız rahat edersiniz. Mesela Chrome kullanıyorsanız. Sayfaya sağ tık yapıp "İncele" yi seçin (veya CTRL + SHIFT + I). Aşağıda açılan (Belki sizde sağ tarafta açılabilir. Çünkü bunun yeri değiştirilebilir.) panelin sol üst köşesindeki ikona tıklayın sonra CSS kodlarını görmek istediğiniz elemanın üzerine tıklayın. Sağ tarafta o elemana ait CSS bilgileri görülecek. Buradaki kodları değiştirerek o elemanın yaptığımız değişikliğe göre canlı olarak nasıl göründüğünü anlayabilirsiniz. Sonra bu değişikliği CSS kodları üzerinde kalıcı hale getirirsiniz.
BODY { background: #eee; padding:0px; margin:0px; margin-top:10px;}
#dolphincontainer{position:relative;border-bottom: 0px solid #1d6893; color:#000;background:#eee;width:100%;font:normal 9pt Verdana;}
#dolphinnav{position:relative;height:33px;font:bold 9pt Verdana;text-transform:uppercase;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:5px 0 0 60px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0px 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
#dolphin_inner{color: black; padding: 10px; font-size: 80%; }
td { font-size:9pt; }
h2, h3 { font: normal 17px Verdana; margin:0px; }
h2 { font-weight: bold; }
.bold { font-weight: bold;}
.italic { font: italic 9pt Georgia;}
.title { font: bold 11pt Verdana; margin-bottom:6px; }
.small { font: normal 7pt Verdana !important; }
#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{font:italic 9pt Georgia; color: #0060a0}
#dolphin_inner a:hover{color: #a00000}
.innercontent{display: none; }
.shadowed {
filter:
progid:DXImageTransform.Microsoft.DropShadow(color=#aaaaaa, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#bbbbbb, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#cccccc, offx=1, offy=1);
progid:DXImageTransform.Microsoft.DropShadow(color=#dddddd, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#eeeeee, offx=1, offy=1)
}
.cdimage { width:90px; height: 90px; }
.thumb { float:left; text-align:center; height: 180px; margin-bottom:9px; margin-right: 5px; }
#logo { position: absolute; top:-2px; left:3px; width: 48px; height: 48px; background:url(dolphin.png); }
table.sortable th, table.sortable td {
font-size: 11px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
table.sortable th {
font-size: 13px;
background-color: #A0B842;
color: #fff;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ffeebe;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
}
table.sortable td {
color: black;
}
►buda html sayfasının web görünümü... bahsettiğim alan solda kalan çerçeveli kısım, hem buradaki görünücek resmin boyutlarını büyütmek hem de çerçeveyi kaldırmak istiyorum... Yardımcı olacak arkadaşlara çok teşekkür ederim
< Resime gitmek için tıklayın >
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye Ol Şimdi DeğilÜye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.
< Bu ileti mobil sürüm kullanılarak atıldı >