Lisanslı Gleam Teması Hizalama Sorunu

Merhabalar,

Lisanslı Gleam teması satın aldım.

http://www.elegantthemes.com/demo/?theme=Gleam

Sitenin ortasında çıkan dikdörtgen kısmı, biraz daha yukarı çıkartmak istiyorum. Geniş ekranlarda alt kategori adları gözükmüyor çünkü. Aşağıdaki kodlardan nasıl bir düzenleme yapmam gerek. Teşekkürler.

#main_header, #main_content, #et_backgrounds { display: none; }

#et_loader { position: absolute; top: 50%; left: 50%; background: url(images/ajax-loader.gif) no-repeat center; margin: -32px 0 0 -32px; width: 64px; height: 64px; }



#et_backgrounds, #et_backgrounds li, #pattern_overlay { position: fixed; left: 0; top: 0; overflow: hidden; height: 100%; width: 100%; }

#et_backgrounds { z-index: -50; }

	#et_backgrounds li { z-index: -20; background: #262e31; }

	#et_backgrounds li.previous_slide { z-index: -15; }

	#et_backgrounds li.active_slide { z-index: -10; }

		#et_backgrounds img { position: relative; }

	#pattern_overlay { z-index: -5; background: url(images/overlay_pattern.png); }

	

#main_content { background: url(images/main_bg.png); width: 800px; border: 1px solid #0b0d0e; -moz-box-shadow: inset 1px 1px 0 rgba(158,205,215,0.1), 0 0 30px rgba(0,0,0,0.7); -webkit-box-shadow: inset 1px 1px 0 rgba(158,205,215,0.1), 0 0 30px rgba(0,0,0,0.7); box-shadow: inset 1px 1px 0 rgba(158,205,215,0.1), 0 0 30px rgba(0,0,0,0.7); position: absolute; left: 50%; top: 0; overflow: hidden; padding-top: 2px !important; }

#main_content.home_content { background-image: url(images/main_bg_home.png); width: 352px; top: 50%; }

#main_content.home_content #et_page_content { display: none; }



	#main_header { text-align: center; }

		#logo_area { position: relative; padding: 35px 0 30px; }

			#logo_area:before { content: ''; position: absolute; bottom: -11px; left: 50%; margin-left: -11px; background: url(images/logo_bottom_arrow.png) no-repeat; width: 22px; height: 11px; display: none; }

			#logo_area h1 { font-size: 60px; text-transform: uppercase; text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 21px rgba(122,152,159,.7); margin-bottom: -3px; }

				#logo_area h1 a { color: #fff; }

					#logo_area h1 span { color: #909697; }

				#logo_area h1 a:hover { text-decoration: none; }

			#logo_area p { text-transform: uppercase; color: #fff; text-shadow: 0 0 2px rgba(0,0,0,1), 0 0 12px rgba(255,255,255,0.4); padding-bottom: 0; }

		#main_menu { display: none; }

			#main_menu li { float: left; width: 175px; border-top: 1px solid #0b0d0e; border-right: 1px solid #0b0d0e; }

			#main_menu li.odd { border-right: none; width: 176px; }

			#main_menu li.border_fix { border-bottom: 1px solid #0b0d0e; }

			#main_menu li.last_item { border-top: none; }

				#main_menu li ul { display: none !important; }

				#main_menu a { display: block; float: left; text-align: left; font-size: 14px; font-family: 'Droid Sans', Arial, sans-serif; color: #fefefe; text-shadow: 1px 1px 1px #000; background: url(images/dropdown_link_bg.png); overflow: hidden; height: 45px; -webkit-transition: background-color 0.5s ease-in; -moz-transition:background-color 0.5s ease-in; -o-transition: background-color 0.5s ease-in; transition: background-color 0.5s ease-in; }

				#main_menu a:hover { background: #65bab3; text-decoration: none; color: #fff; }

				

			span.menu_slide, span.main_text { display: block; padding: 15px 5px 11px 30px; width: 141px; position: relative; }

Ek Olarak:

Ek Olarak: margin-top:-15%; dedim fakat farklı çözünürlüklerde çok yukarı çıkıp yarısı gözükmüyor. Çözemedim ve çok sinir oldum :/

#main_content { background: url(images/main_bg.png); width: 800px; border: 1px solid #0b0d0e; -moz-box-shadow: inset 1px 1px 0 rgba(158,205,215,0.1), 0 0 30px rgba(0,0,0,0.7); -webkit-box-shadow: inset 1px 1px 0 rgba(158,205,215,0.1), 0 0 30px rgba(0,0,0,0.7); box-shadow: inset 1px 1px 0 rgba(158,205,215,0.1), 0 0 30px rgba(0,0,0,0.7); position: absolute; left: 50%; top: 0; overflow: hidden; padding-top: 2px !important; margin-top:-15%;}

Lisanslı Gleam Teması Hizalama Sorunu

Üye Girişi Yap