any help on this?

Discussion in 'HTML & Website Design' started by TheLasTSamuRai, May 14, 2009.

  1. #1
    Hi
    im sorry for such stupid question but i need help on this
    im redisigning www.gossipmax.com you can take a look at the header its messed up i wan tthe widget and the ads in the same line
    any help?
    thanks
     
    TheLasTSamuRai, May 14, 2009 IP
  2. thefandango

    thefandango Active Member

    Messages:
    787
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    58
    #2
    there must be some padding/margins etc that are making the ad and the widget wider than the page. Are you using a fixed width page - ie pixel width? If so have you added up the width of the advert, the widget and the padding/margins to see if they are less?
     
    thefandango, May 14, 2009 IP
  3. TheLasTSamuRai

    TheLasTSamuRai Active Member

    Messages:
    345
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #3
    thank for replying but I really dont know nothing about that:confused:

    this is the header

    <?php
    /**
    * ClassicMag Theme
    * Designed by hpa
    * Coded by misbah (ini_misbah@yahoo.com)
    */
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta name="author" content="HPA, misbah" />
    <title><?php
    if (is_home()) {
    	bloginfo('name');
    } elseif (is_404()) {
    	echo '404 Not Found'; echo ' | '; bloginfo('name');
    } elseif (is_category()) {
    	echo 'Category:'; wp_title(''); echo ' | '; bloginfo('name');
    } elseif (is_search()) {
    	echo 'Search Results'; echo ' | '; bloginfo('name');
    } elseif ( is_day() || is_month() || is_year() ) {
    	echo 'Archives:'; wp_title(''); echo ' | '; bloginfo('name');
    } else {
    	echo wp_title(''); echo ' | '; bloginfo('name');
    }
    global $ClassicMag; ?>
    </title>
    <!--
    ClassicMag Theme
    Designed by hpa (http://wpjunction.com)
    Coded by misbah (ini_misbah@yahoo.com)
    -->
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.2.6-packed.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.lavalamp.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.ifixpng.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/slide.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/glide.js"></script>
    
    <style type="text/css">
    <?php if ($ClassicMag->option['imageLogo']) : ?>
    #blog-title {
    	background:transparent url('<?php echo $ClassicMag->option['imageLogo']; ?>') no-repeat 0 0;
    	text-indent:-9999px;
    	height:51px;
    }
    #blog-title a {
    	display:block;
    	height:51px;
    	position:relative;
    }
    #blog-description-wrap { display:none; }
    <?php endif ?>
    </style>
    <script type="text/javascript">
    jQuery(document).ready(function() {
    	$.ifixpng('<?php bloginfo('template_directory'); ?>/images/pixel.gif');
    	$('#blog-title').ifixpng();
    	$("#page-menu .lavaLampNoImage").lavaLamp({
    		fx: "backout", 
    		speed: 700,
    		click: function(event, menuItem) {
    			return true;
    		}
    	});
    	$('#rss-text').val('Subscribe to feeds via feedburner').focus(function(){ $(this).val(''); }).blur(function(){ if($(this).val() == '') $(this).val('Subscribe to feeds via feedburner'); });
    	$('#tab-slide > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
    	$('#sidebar .widget ul li').hover(
    		function(){$(this).addClass('hover');},
    		function(){$(this).removeClass('hover');}
    	);
    	$('#s').val('Enter keywords here...').focus(function(){ $(this).val(''); }).blur(function(){ if($(this).val() == '') $(this).val('Enter keywords here...'); });
    });
    </script>
    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/style-ie.css" />
    <![endif]-->
    <?php wp_head(); ?>
    </head>
    <body><div id="body-in">
    <div id="wrapper">
    	<div id="header">
    		<div id="category-menu" class="menu">
    			<div id="cat-left"></div>
    			<ul id="cat-center">
    				<?php wp_list_categories('sort_column=name&title_li=&depth=1'); ?>
    			</ul>
    			<div id="cat-right"></div>
    			<div class="clear"></div>
    		</div>
    <div id="page-menu" class="menu">
    
    
    			<ul class="lavaLampNoImage">
    			
    			</ul>
    		</div>
    		<div id="rss-wrapper">
    			<form id="subcribe-form" class="simple-form" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=<?php echo $eqomag->option['feedBurnerID'] ?>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    				<div>
    					<input type="hidden" value="http://feeds.feedburner.com/~e?ffid=<?php echo $eqomag->option['feedBurnerID'] ?>" name="url"/>
    					<input type="hidden" value="<?php bloginfo('name');?>" name="title" />
    					<input type="hidden" name="loc" value="en_US" />
    					<input type="text" id="rss-text" name="email" value="Subscribe to feeds via feedburner" class="input-text" size="19"/>
    				</div>
    			</form>
    			<a id="rss-icon"href="<?php bloginfo('rss2_url'); ?>" title="RSS Feed"><span></span></a>
    		</div>
    
    
    
    
    
    
    
    
    
    
    
    [COLOR="Red"]<p>
    
    <?php adsensem_ad('co-1'); ?>
    
    <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('584ced14-baa7-4dd7-9631-cd64e6b42c71');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/wwwstickydramacom">www.stickydrama.com</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript>
    
    </p>[/COLOR]
    
    		<div id="branding">
    
    
    
    			<div id="blog-title"><a href="<?php echo get_option('home') ?>/" title="<?php bloginfo('name') ?>" rel="home"><?php bloginfo('name') ?></a></div>
    			<div id="blog-description-wrap">
    				<?php if (is_home()) : ?>
    				<h1 id="blog-description"><?php bloginfo('description') ?></h1>
    				<?php else: $home=''; ?>
    				<div id="blog-description"><?php bloginfo('description') ?></div>
    				<?php endif ?>
    			</div>
    
    
    
    <?php suckerfish(); ?>
    			
    	</div><!-- /header -->
    
    	<div id="container">
    
    
    Code (markup):
    The scripts in red is what im looking to change
    any help?
    thanks
     
    TheLasTSamuRai, May 14, 2009 IP
  4. TheLasTSamuRai

    TheLasTSamuRai Active Member

    Messages:
    345
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Any help? i really need this:(
     
    TheLasTSamuRai, May 14, 2009 IP
  5. TheLasTSamuRai

    TheLasTSamuRai Active Member

    Messages:
    345
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #5
    This is the CSS if anybody need it

    /**
    Theme Name: ClassicMag Red
    Author URI: http://wpjunction.com
    Theme URI: http://wpjunction.com
    Version: 1.0
    Author: hpa
    Description: ClassicMag Theme Premium WP, sliding image, top 5 post on front page
    */
    
    @import url('css/reset.css');
    @import url('css/lavalamp.css');
    @import url('css/default.css');
    @import url('css/comments.css');
    @import url('css/glide.css');
    @import url('css/slide.css');
    @import url('css/widgets.css');
    @import url('css/tabs.css');
    
    body {
    	background:#FFFFFF url('./images/background.gif') repeat-x 0 0;
    	font:normal 12px Arial, Verdana, Tahoma;
    }
    
    a {
    	color:#871213;
    	text-decoration:none;
    }
    
    a:hover { color:#976868; }
    
    
    #body-in {
    	background:transparent url('./images/body-in.gif') repeat-x 0 100%;
    	padding-bottom:40px;
    }
    
    #wrapper {
    	width:980px;
    	margin:0 auto;
    }
    
    #page-menu {
    	width:710px;
    	height:39px;
    	float:left;
    	overflow:hidden;
    }
    
    #rss-wrapper {
    	float:left;
    	width:270px;
    	height:24px;
    	padding-top:8px;
    }
    
    #subcribe-form {
    	background:#787AB3 url('./images/top-search.gif') no-repeat 0 0;
    	float:left;
    	width:227px;
    	height:24px;
    	margin-right:5px;
    }
    
    #subcribe-form div {
    	position:relative;
    }
    
    .input-text {
    	background:transparent;
    	left:6px;
    	top:3px;
    	width:215px;
    	position:relative;
    	font:normal 11px 'Trebuchet MS', Tahoma, Verdana;
    	color:#EDEDED;
    	text-transform:uppercase;
    	border:medium none;
    }
    
    #rss-icon {
    	background:transparent url('./images/all-icons.gif') no-repeat 0 -155px;
    	display:block;
    	width:24px;
    	height:24px;
    	float:left;
    }
    
    #branding {
    	height:64px;
    	padding:17px 2px 0;
    }
    
    #blog-title {
    	font:bold 35px 'Trebuchet MS';
    	text-transform:capitalize;
    }
    
    #blog-title a { color:#930F0F; }
    
    #blog-title a:hover { color:#C93E40; }
    
    #blog-description {
    	font:normal 14px Tahoma;
    	color:#C93E40;
    	text-transform:uppercase;
    }
    
    #cat-left, #cat-center, #cat-right {
    	display:block;
    	float:left;
    	height:38px;
    }
    
    #cat-left, #cat-right { width:9px; }
    
    #cat-left {
    	background:#9E1314 url('./images/cat-menu-left-bg.gif') no-repeat 100% 0;
    }
    
    #cat-right {
    	background:#9E1314 url('./images/cat-menu-right-bg.gif') no-repeat 0 0;
    }
    
    #cat-center {
    	background:#9E1314 url('./images/cat-menu-bg.gif') repeat-x 0 0;
    	width:962px;
    	overflow:hidden;
    }
    
    #cat-center li {
    	display:inline;
    }
    
    #cat-center li a {
    	background:transparent url('./images/cat-menu-separator.gif') no-repeat 100% 1px;
    	display:block;
    	float:left;
    	font:normal 12px Tahoma, Verdana;
    	color:#FFFFFF;
    	height:38px;
    	line-height:38px;
    	padding:0 17px 0 15px;
    }
    
    #cat-center li a:hover, #cat-center li.current-cat a {
    	background:transparent url('./images/cat-menu-hover-bg.gif') no-repeat 100% 1px;
    }
    
    /* container */
    #container {
    	padding-top:12px;
    }
    
    /* content */
    #content {
    	float:left;
    	width:638px;
    }
    
    #top-container { margin-bottom:17px; }
    
    #featured-posts-wrapper {
    	background:#FBFBFB url('./images/featured-bg.gif') repeat-y 0 0;
    	margin-bottom:17px;
    }
    
    #featured-posts-wrapper-in {
    	background:transparent url('./images/featured-top-bg.gif') no-repeat 0 0;
    }
    
    #featured-posts-wrapper-bottom {
    	background:#FFFFFF url('./images/featured-bottom-bg.gif') no-repeat 0 0;
    	height:6px;
    }
    
    #featured-posts .title {
    	background:transparent url('./images/featured-top-bg.gif') no-repeat 0 0;
    	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
    	color:#5A5285;
    	height:28px;
    	line-height:28px;
    	padding:0 6px;
    	overflow:hidden;
    }
    
    .icon {
    	background-image:url('./images/all-icons.gif');
    	background-repeat:no-repeat;
    	padding-left:20px;
    	margin-right:10px;
    	display:block;
    	float:left;
    }
    
    #featured-posts .featured-post {
    	background:#FBFBFB url('./images/featured-bg.gif') repeat-y 0 0;
    }
    
    #featured-posts .meta {
    	background:#FBFBFB url('./images/featured-meta-bg.gif') repeat-y 0 0;
    	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
    	color:#976868;
    	text-transform:uppercase;
    	padding:7px 7px 5px;
    	margin-bottom:5px;
    }
    
    #featured-posts .meta a { color:#976868; }
    
    #featured-posts .meta a:hover  { color:#871213; }
    
    .meta p, .entry { clear:left; }
    
    #featured-posts .date-post { background-position:0 2px; }
    
    #featured-posts .comment-post { background-position:0 -21px; }
    
    #featured-posts .categories-post { background-position:2px -43px }
    
    #featured-posts .entry {
    	padding:0 7px;
    }
    
    .pagetitle {
    	font:normal 25px 'Trebuchet MS', Tahoma, Verdana;
    	color:#888AC4;
    }
    
    .post {
    	clear:left;
    	margin-bottom:10px;
    }
    
    .post .title {
    	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
    	color:#5A5285;
    	margin-bottom:5px;
    }
    
    .post .meta {
    	background:#F7F7F7 url('./images/meta-bg.gif') repeat-x 0 0;
    	height:30px;
    	padding:6px;
    	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
    	color:#976868;
    	text-transform:uppercase;
    	overflow:hidden;
    	position:relative;
    	margin-bottom:5px;
    }
    
    .post .meta-left, .post .meta-right {
    	position:absolute;
    	display:block;
    	width:5px;
    	height:42px;
    	top:0;
    }
    
    .post .meta-left {
    	background:transparent url('./images/meta-left-bg.gif') no-repeat 0 0;
    	left:0;
    }
    
    .post .meta-right {
    	background:transparent url('./images/meta-right-bg.gif') no-repeat 100% 0;
    	right:0;
    }
    
    .post .date-post { background-position:0 -63px; }
    
    .post .comment-post { background-position:0 -86px; }
    
    .post .categories-post { background-position:2px -108px }
    
    .post a.more-link {
    	background:transparent url('./images/read-more-bg.jpg') no-repeat 0 0;
    	display:block;
    	width:104px;
    	height:24px;
    	cursor:pointer;
    }
    
    .akpc_pop { clear:left; }
    
    .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a {
    	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 0 0 !important;
    	display:block;
    	float:left;
    	height:22px;
    	padding:0 0 0 6px !important;
    	margin:0 5px 0 0 !important;
    	border:none !important;
    	color:#717171 !important;
    }
    
    .wp-pagenavi span.inner {
    	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 100% 0 !important;
    	display:block;
    	float:left;
    	font-size:10px;
    	height:22px;
    	line-height:22px;
    	padding-left:0 !important;
    	padding-right:6px;
    	text-transform:uppercase;
    }
    
    .wp-pagenavi a { color:#9597C2 !important; }
    
    .wp-pagenavi a:hover { color:#717171 !important; }
    
    #post-nav {
    	margin-bottom:60px;
    }
    
    /* sidebar */
    #sidebar {
    	float:left;
    	width:320px;
    	padding-left:10px;
    }
    
    #primary .widget, #secondary {
    	background:#FFFFFF url('./images/widget-bottom-bg.gif') no-repeat 0 100%;
    	padding-bottom:6px;
    	margin-bottom:10px;
    }
    
    .widget-top {
    	background:transparent url('./images/widget-top-bg.gif') no-repeat 0 100%;
    	height:6px;
    }
    
    .widget-title {
    	background:transparent url('./images/widget-title.gif') repeat-x 0 100%;
    	font:normal 16px Tahoma, Verdana;
    	color:#981A22;
    	padding-bottom:5px;
    	margin-bottom:3px;
    }
    
    #primary .widget-content {
    	background:transparent url('./images/widget-bg.gif') repeat-y 0 0;
    	padding:0 5px;
    	width:310px;
    }
    
    .widget-content a { color:#7B7B7B; }
    
    .widget-content li {
    	background:transparent url('./images/widget-li-bg.gif') no-repeat 0 100%;
    	padding-left:30px;
    	height:29px;
    	line-height:29px;
    	overflow:hidden;
    }
    
    .widget-content li.hover {
    	background:transparent url('./images/widget-hover-bg.gif') no-repeat 0 100%;
    }
    
    .widget-content li li {
    	border:none;
    	padding-bottom:0;
    }
    
    #secondary { margin-bottom:60px; }
    
    #secondary-in {
    	background:#FFFFFF url('./images/widget-bg.gif') repeat-y 0 0;
    	width:310px;
    	padding:0 5px;
    }
    
    #secondary-in .widget {
    	padding-bottom:10px;
    }
    
    #secondary-in .widget-title {
    	background:none;
    	border-bottom:1px solid #D1D1D1;
    }
    
    .widget-bottom {
    	background:#FFFFFF url('./images/widget-bottom-bg.gif') no-repeat 0 0;
    	height:6px;
    }
    
    /* footer */
    #footer {
    	position:relative;
    	background:#9D1314 url('./images/footer-bg.gif') repeat-x 0 0;
    	padding:0 12px;
    	font-size:10px;
    	height:40px;
    	line-height:40px;
    	color:#FFFFFF;
    	text-transform:uppercase;
    	overflow:hidden;
    }
    
    #footer-left, #footer-right {
    	display:block;
    	position:absolute;
    	height:40px;
    	width:10px;
    	top:0;
    }
    
    #footer-left {
    	background:#9D1314 url('./images/footer-left-bg.gif') repeat-x 0 0;
    	left:0;
    }
    
    #footer-right {
    	background:#9D1314 url('./images/footer-right-bg.gif') repeat-x 100% 0;
    	right:0;
    }
    
    
    
    Code (markup):
     
    TheLasTSamuRai, May 14, 2009 IP
  6. Carl29

    Carl29 Active Member

    Messages:
    114
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #6
    Hi TheLasTSamuRai,
    I really can't help you on this :(
    But I really wanted to know how did you added the bar at the bottom of your page;
    you know; the search, translate, and social networks.

    Thanks
    and luck.
     
    Carl29, Mar 1, 2010 IP