Logonun altını transparan yapmak ?
17
●1.439
- 06-12-2010, 16:41:16Logonun altını transparan nasıl yapıyoruz ? Photoshopta png dediğimde oluyor fakat siteye koyduğumda wordprees temasında , css dosyasında olması gerekli , transparan olmuyor , style.css dosyasını neresini düzeltecez ???
- 06-12-2010, 16:44:11Yapıcağın çalışmayı öncelikle transparan aç aşağıda resimde gösterdiğim gibi wp vb smf mybb olması hiç önemli değil.croshifdevil adlı üyeden alıntı: mesajı görüntüle
- 06-12-2010, 16:51:44Onu yapıyorum zaten , ftp ile yolladık diyelim , sayfayı yenilediğimizde transparan olmuyor css ile ilgisi var ...
- 08-12-2010, 19:48:00İyi günler tam tarif edeyim , logoyu aşağı çektiğimde(footara yani ) transparan oluyor fakat yukarda yani eski logonun olduğu yere koyduğumda ise altı giri oluyor transaran olmuyor ...
Cssde bu
div.yazisiz-05 {
background-image: url("/images/yazisiz_05.png");
height: 66px;
left: 0;
position: absolute;
top: 33px;
width: 182px;
css.style ise
.genel { background: none repeat scroll 0 0 #222222; height: 153px; margin: 0 auto 5px; width: 548px; } .genel:hover { background: none repeat scroll 0 0 #1B1B1B; } ul { list-style-type: none; } .resim { float: left; padding: 13px 10px 0; } .resim img { border: 7px solid #1B1B1B; } * h1 { margin: 0; padding: 0; } .icerik { float: left; font-family: Tahoma; width: 372px; } .bosluk { height: 15px; } .genel h1 { color: #F88B00; font-size: 13px; margin: 0; padding: 10px 0 0; } .genel h1 a { color: #F88B00; text-decoration: none; } .genel h1 a:hover { text-decoration: underline; } .icerik p { color: #6F726B; font-size: 10px; height: 80px; margin: 0; } .icerik p a { color: #6F726B; text-decoration: none; } .icerik p a:hover { text-decoration: underline; } .dizi_permalink { clear: both; height: 50px; } .dizi_permalik a:link { color: #F88B00; font-size: 13px; font-weight: bold; text-decoration: none; } .dizi_permalik a:hover { font-size: 13px; font-weight: bold; text-decoration: underline; } .dizi_permalik a:visited { color: #F88B00; font-size: 13px; font-weight: bold; text-decoration: none; } .dizi_permalik a:active { color: #F88B00; font-size: 13px; font-weight: bold; text-decoration: none; } .altveri { background: none repeat scroll 0 0 #121212; clear: both; height: 30px; line-height: 30px; } .altveri div { float: left; height: 20px; line-height: 20px; padding: 7px 4px 0 7px; } .altveri div img { float: left; padding: 0; } .altveri span { color: #F88B00; display: block; float: left; font-size: 8px; height: 30px; line-height: 30px; } .altveri span font { color: #6F726B; font-size: 10px; } body { background: none repeat scroll 0 0 #202020; color: #FFFFFF; font-family: "Arial,Helvetica,sans-serif",Arial,Helvetica,sans-serif; font-size: 12px; margin: 0 auto; padding: 0; text-align: center; width: 960px; } #govde { background: none repeat scroll 0 0 #202020; height: auto; margin: 0 auto; padding: 0; text-align: left; width: 960px; } #ustmenu { background: url("resimler/ust-bg.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 28px; margin-top: 10px; overflow: hidden; padding: 0; width: 960px; } #ustmenu a, #navbar a:visited { font-size: 12px; padding: 0 0 0 3px; text-decoration: none; } #ustmenu a:hover { text-decoration: underline; } #ustmenu p { margin: 0 auto; padding: 0 0 0 10px; } #ustmenusag a img { border: medium none; margin: 0; padding: 0; } #ustmenusol { float: left; margin: 0; padding: 8px 0; width: 450px; } #ustmenusag { float: right; font-size: 12px; margin: 0; padding: 4px 0 6px; width: 230px; } #ustmenu ul { margin: 0; padding: 0; } #ustmenu li { display: inline; list-style-type: none; margin: 0; padding: 0; } #ustmenu ul li a, #ustmenu ul li a:visited { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0 -3px 0 0; padding: 8px 19px 6px 17px; text-decoration: none; } #ustmenu ul li a:hover { color: #FFFFFF; margin: 0 -3px 0 0; padding: 8px 19px 6px 17px; text-decoration: none; } .current_page_item a, .current_page_item a:hover { background: none repeat scroll 0 0 #FFFFFF !important; color: #CC0000 !important; } #header { background: none repeat scroll 0 0 #202020; color: #000000; float: left; font-size: 11px; height: 100px; margin: 0; overflow: hidden; padding: 0; width: 960px; } .logom { border: 0 none; float: left; height: 90px; margin-top: 5px; padding: 0; width: 220px; } .logom img { border: medium none; } .no1 { float: left; height: 90px; margin-left: 10px; margin-top: 5px; padding: 0; width: 728px; } .no1 img { border: medium none; } #ana-menu { float: left; height: 46px; margin: 0 auto; padding: 0; width: 960px; } #menu { background: url("resimler/menu-bg.png") no-repeat scroll 0 0 transparent; float: left; height: 35px; margin: 0; padding: 0; width: 960px; } #menu ul { list-style: none outside none; margin: 0; padding-left: 5px; } #menu li { display: inline; height: 45px; } #menu li a { color: #FFFFFF; display: block; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 35px; padding-left: 0; text-align: center; text-decoration: none; text-transform: none; width: 120px; } #menu li a:hover { background: url("resimler/menu-bg-a.png") repeat scroll 0 0 transparent; } #sol { float: left; height: auto; margin-bottom: 10px; margin-top: 10px; overflow: hidden; padding: 0; width: 180px; } #sol h1 { background: url("bg-tabtitle.gif") repeat-x scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; height: 35px; line-height: 35px; margin: 0; padding: 0 2px 5px 0; text-align: center; } .sol-menu { background-color: #252525; color: #FFFFFF; float: left; margin-bottom: 15px; padding: 0 0 10px; width: 180px; } .sol-menu ul { margin: 0; padding: 0; } .sol-menu li { margin: 0; padding: 0; } .istatistik ul li { background: url("resimler/cizik.png") repeat-x scroll left bottom transparent; color: #FFFFFF; display: block; margin: 0; padding: 4px 7px 4px 10px; text-decoration: none; width: 180px; } .sol-menu li a { background: url("resimler/cizik.png") repeat-x scroll left bottom transparent; color: #FFFFFF; display: block; margin: 0; padding: 4px 7px 4px 10px; text-decoration: none; width: 180px; } .sol-menu li a:hover { color: #F88B00; text-decoration: none; } #orta { background-color: #202020; float: left; margin-left: 26px; margin-top: 10px; overflow: hidden; padding: 0; width: 548px; } #orta h1 { background: url("resimler/orta-h1.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; margin: 0; padding: 0; text-align: center; } .orta-ici { background-color: #252525; float: left; margin: 0; padding-bottom: 10px; width: 548px; } .kutu { background-color: #202020; border: 1px solid #4C4C4C; float: left; height: 106px; margin-left: 8px; margin-top: 10px; overflow: hidden; padding: 0; width: 260px; } .kutu:hover { border: 1px solid #F88B00; } .kutu-resim { border: 3px solid #4C4C4C; float: left; height: 84px; margin-left: 7px; margin-top: 9px; overflow: hidden; padding: 0; width: 94px; } .kutu-icerik { background-color: #202020; float: left; font-size: 10px; height: 85px; margin-left: 4px; margin-top: 6px; overflow: hidden; padding: 0; width: 145px; } .kutu-icerik a { color: #666666; font-size: 9px; text-decoration: none; } .kutu-icerik a:hover { color: #FFFFFF; font-size: 11px; text-decoration: underline; } #sag { float: left; height: auto; margin-bottom: 10px; margin-left: 26px; margin-top: 10px; overflow: hidden; padding: 0; width: 180px; } #sag img { border: medium none; margin-top: 10px; } #sag h1 { background: url("resimler/sidebar-h1-bg.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; margin: 0; padding: 0; text-align: center; } #sag h2 { background: url("resimler/sidebar-h1-bg.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; margin: 0; padding: 0; text-align: center; } .sag-menu { background-color: #252525; color: #FFFFFF; float: left; margin-bottom: 15px; padding: 0 0 10px; width: 180px; } .sag-menu ul { list-style-type: none; margin: 0; padding: 0; } .sag-menu li { margin: 0; padding: 0; } .sag-menu li a { background: url("arrow-menu.gif") no-repeat scroll 0 0 transparent; color: #666666; display: block; font-size: 10px; height: 14px; margin: 0; overflow: hidden; padding: 0 10px; text-decoration: none; width: 160px; } .sag-menu li a:hover { color: #F88B00; text-decoration: none; } .yorumlar { color: #FFFFFF; float: left; margin-bottom: 15px; padding: 0 2px 5px 0; width: 180px; } .yorumlar ul { margin: 0; padding: 0; } .yorumlar li { color: #FFFFFF; margin: 0; padding-left: 2px; } .yorumlar li a { background: url("arrow-menu.gif") no-repeat scroll 0 0 transparent; color: #666666; display: block; height: 14px; margin: 0; overflow: hidden; padding: 0 10px; text-decoration: none; width: 160px; } .yorumlar li a:hover { color: #F88B00; text-decoration: none; } #konu-ici { float: left; margin-bottom: 10px; margin-top: 15px; overflow: hidden; padding: 0; width: 560px; } #konu-ici h1 { background: url("resimler/konu-ici-h1.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; margin: 0; padding-left: 10px; text-align: left; } #konu-ici object { height: 400px; width: 540px; } #konu-ici embed { height: 400px; width: 540px; } .video-alan { background-color: #252525; border-bottom: 1px solid #4C4C4C; border-left: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; float: left; margin-bottom: 10px; overflow: hidden; padding: 0; width: 558px; } .video { float: left; font-size: 12px; margin: 10px; overflow: hidden; padding: 0; width: 540px; } .video img { border: medium none; } .video a { color: #6F726B; text-decoration: none; } #paylas { background-color: #252525; border: 1px solid #4C4C4C; float: left; margin-bottom: 10px; overflow: hidden; padding-bottom: 5px; padding-top: 5px; width: 558px; } #paylas img { border: medium none; } #konu-aciklama { background-color: #252525; border: 1px solid #4C4C4C; float: left; margin-bottom: 10px; overflow: hidden; padding: 5px; width: 548px; } #konu-aciklama a { color: #000000; } #yorumlar { background-color: #252525; border: 1px solid #4C4C4C; float: left; margin-bottom: 10px; overflow: hidden; padding: 5px; width: 548px; } #single-sol { float: left; margin: 0; overflow: hidden; padding: 0; width: 560px; } #single-sag { float: right; margin: 0; overflow: hidden; padding: 0; width: 374px; } #diger-bolumler { float: right; margin-top: 15px; padding: 0; width: 374px; } #diger-bolumler h1 { background: url("resimler/diger-bolumler-h1.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; margin: 0; padding-left: 10px; text-align: left; } .benzer-videolar { background-color: #252525; border-bottom: 1px solid #4C4C4C; border-left: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; float: right; margin-bottom: 10px; overflow: hidden; padding: 0 0 10px; width: 372px; } .benzer-videolar ul { margin: 0; padding: 0; } .benzer-videolar li { margin: 0; padding: 0; } .benzer-videolar li a { background: url("resimler/cizik-benzer.png") repeat-x scroll left bottom transparent; color: #FFFFFF; display: block; margin: 0; padding: 7px 0 7px 10px; text-decoration: none; width: 362px; } .benzer-videolar li a:hover { background-color: #4C4C4C; color: #F88B00; text-decoration: none; } .benzer-kutu { background-color: #202020; border: 1px solid #4C4C4C; float: left; height: 106px; margin-left: 10px; margin-top: 10px; overflow: hidden; padding: 0; width: 350px; } .benzer-kutu:hover { border: 1px solid #F88B00; } .benzer-kutu-resim { border: 3px solid #4C4C4C; float: left; height: 84px; margin-left: 7px; margin-top: 9px; overflow: hidden; padding: 0; width: 94px; } .benzer-kutu-icerik { background-color: #202020; float: left; font-size: 11px; height: 90px; margin-left: 4px; margin-top: 6px; overflow: hidden; padding: 0; width: 230px; } .benzer-kutu-icerik a { color: #FFFFFF; font-size: 11px; text-decoration: none; } .benzer-kutu-icerik a:hover { color: #FFFFFF; font-size: 11px; text-decoration: underline; } #searchdiv { margin: 0; padding: 0; } #searchform { display: inline; margin: 0; overflow: hidden; padding: 0; } #s { background: none repeat scroll 0 0 #202020; border: 1px solid #4C4C4C; color: #FFFFFF; display: inline; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; margin: 0; padding: 2px; width: 180px; } #s2 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CFCFCF; color: #000000; display: inline; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; margin: 0; padding: 3px; width: 200px; } #sbutt { background: none repeat scroll 0 0 #202020; border: 1px solid #4C4C4C; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0 0 0 5px; padding: 1px; } .bulunamadi { margin: 0; padding: 10px; text-align: center; } .yorum-top { float: right; height: 35px; margin-bottom: 0; padding-left: 0; width: 560px; } .yorum-top h1 { background: url("resimler/konu-ici-h1.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; margin: 0; padding-left: 10px; text-align: left; } #sayfala { background: none repeat scroll 0 0 #252525; color: #4C4C4C; font-family: Arial; font-size: 12px; font-weight: bold; margin: 50px 10px 5px 0; padding: 2px 4px; text-align: center; } #sayfala a { background-color: #252525; border: 1px solid #4C4C4C; color: #4C4C4C; margin: 2px; padding: 2px 4px; text-decoration: none; } #sayfala a:hover { background-color: #4C4C4C; border: 1px solid #F88B00; color: #F88B00; } #sayfala a:active { background-color: #4C4C4C; border: 1px solid #4C4C4C; color: #F88B00; margin: 2px; padding: 2px 4px; text-decoration: none; } #footer { background: url("resimler/footer-bg.png") repeat scroll 0 0 transparent; color: #FFFFFF; float: left; margin-bottom: 5px; overflow: hidden; width: 960px; } .footer-sol { color: #FFFFFF; float: left; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; text-align: left; width: 680px; } .footer-sol a { color: #FFFFFF; font-weight: bold; text-decoration: none; } .footer-sol a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; } .footer-sag { color: #FFFFFF; float: right; margin-top: 0; padding-right: 10px; padding-top: 30px; text-align: right; width: 260px; } .footer-sag img { border: 0 none; } #part { color: #F88B00; float: left; font-size: 12px; font-weight: bold; margin-left: 10px; width: 530px; } #part a { background: url("resimler/part-bg.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 28px; margin: 0; padding: 7px 5px 10px 4px; text-decoration: none; } #part a:hover { background: url("resimler/part-bg-a.png") no-repeat scroll 0 0 transparent; color: #F88B00; text-decoration: none; } #scroller-body { background: none repeat scroll 0 0 #191919; padding-bottom: 20px; width: 247px; } #scroller-header a { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 0 2px 5px 0; text-decoration: none; } #scroller-header a:hover { text-decoration: none; } #scroller-header a.selected { background: url("arrow-menuactive.gif") no-repeat scroll center bottom transparent; color: #F88B00 !important; } #scroller-header { background: url("bg-tabtitle.gif") repeat-x scroll 0 0 transparent; font-weight: 700; height: 41px; line-height: 41px; padding: 0 0 0 5px; width: 242px; } #mask { margin: 0 auto; overflow: hidden; width: 247px; } #panel ul { list-style: none outside none; margin: 0 0 0 5px; padding: 0; } #panel ul li { background: url("arrow-menu.gif") no-repeat scroll 0 0 transparent; height: 13px; line-height: 13px; padding: 0 0 0 10px; width: 238px; } #panel ul li a { color: #666666; display: block; font-family: "Verdana,Arial,Helvetica,sans-serif",Verdana,Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: none; } #panel ul li a:hover { color: #F88B00; } div.Table_01 { height: 163px; position: relative; width: 961px; } div.yazisiz-01 { background-image: url("/images/yazisiz_01.png"); height: 33px; left: 0; position: absolute; top: 0; width: 32px; } div.yazisiz-02 { background-image: url("/images/yazisiz_02.png"); height: 33px; left: 32px; position: absolute; top: 0; width: 204px; } div.yazisiz-03 { background-image: url("/images/yazisiz_03.png"); height: 33px; left: 236px; position: absolute; top: 0; width: 478px; } div.yazisiz-04 { height: 33px; left: 714px; position: absolute; top: 0; width: 247px; } div.yazisiz-05 { background-image: url("/images/yazisiz_05.png"); height: 66px; left: 0; position: absolute; top: 33px; width: 182px; } div.yazisiz-06 { background-image: url("/images/yazisiz_06.png"); height: 88px; left: 236px; position: absolute; top: 33px; width: 725px; } div.yazisiz-07 { background-image: url("/images/yazisiz_07.png"); height: 42px; left: 0; position: absolute; top: 121px; width: 116px; } div.yazisiz-08 { background-image: url("/images/yazisiz_08.png"); height: 42px; left: 116px; position: absolute; top: 121px; width: 114px; } div.yazisiz-09 { background-image: url("/images/yazisiz_09.png"); height: 42px; left: 230px; position: absolute; top: 121px; width: 100px; } div.yazisiz-10 { background-image: url("/images/yazisiz_10.png"); height: 42px; left: 330px; position: absolute; top: 121px; width: 86px; } div.yazisiz-11 { background-image: url("/images/yazisiz_11.png"); height: 42px; left: 416px; position: absolute; top: 121px; width: 74px; } div.yazisiz-12 { background-image: url("/images/yazisiz_12.png"); height: 42px; left: 490px; position: absolute; top: 121px; width: 66px; } div.yazisiz-13 { background-image: url("/images/yazisiz_13.png"); height: 42px; left: 556px; position: absolute; top: 121px; width: 61px; } div.yazisiz-14 { background-image: url("/images/yazisiz_14.png"); height: 42px; left: 617px; position: absolute; top: 121px; width: 97px; } div.yazisiz-15 { background-image: url("/images/yazisiz_15.png"); height: 42px; left: 714px; position: absolute; top: 121px; width: 128px; } div.yazisiz-16 { background-image: url("/images/yazisiz_16.png"); height: 42px; left: 842px; position: absolute; top: 121px; width: 119px; } .dizistar_tarih { color: #FBA308; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 30px; margin: 2px; padding: 0; text-align: center; } .dizistar_txt { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 30px; margin: 2px; padding: 0; text-align: center; } .Table_arama { height: 33px; left: 0; position: absolute; top: 0; width: 247px; } .arama-1 { height: 5px; left: 0; position: absolute; top: 0; width: 247px; } .arama2 { height: 23px; left: 0; position: absolute; top: 5px; width: 41px; } .arama3 { background-image: url("images/arama3.jpg"); font-weight: bold; height: 23px; left: 41px; position: absolute; top: 5px; width: 162px; } .arama4 { height: 23px; left: 203px; position: absolute; top: 5px; width: 35px; } .arama5 { background-image: url("images/arama5.jpg"); height: 23px; left: 238px; position: absolute; top: 5px; width: 9px; } .arama6 { background: url("images/arama6.jpg") repeat scroll 0 0 transparent; height: 5px; left: 0; position: absolute; top: 28px; width: 247px; } - 08-12-2010, 21:10:50hocam site adresini pmlermisiniz site üzerinde görürsem daha sağlıklı olur.croshifdevil adlı üyeden alıntı: mesajı görüntüle
- 08-12-2010, 21:40:18muhtemelen iki tane div var, logonun olduğu div katmanının hemen üstünde bir div katmanı daha olabilir.
<div class="dfhdfh"> <div class="logo"><img src="logo.gif"></div> </div>
gibi. bu örnekteki gibiyse bir üstteki katmanada(logo katmanının üstündeki dfhdfh katmanınada) bak derim, eğer div değilde table ile kodlanmışsa, yine bir üstteki tabloyu kontrol etmen gerekli. teorik olarak ancak bu kadar yardımcı olabiliyorum
site adresini yazsaydın senin kodların üzerinde daha sağlıklı çözümler bulmaya çalışırdık.
site adresini yazsaydın senin kodların üzerinde daha sağlıklı çözümler bulmaya çalışırdık.