removing the top header and change it with a banner

[CuTe_MaN]

dear all

how can I remove the top area which includes the username , number of posts, and the Avtar of the user?

and I want to change it with a banner .

as you can see it in the pic, I want to remove the area that is highlighted and replace it with my banner. I dont want the back gorund of that area to be romoved, so the banner will be inside that area.

THx

CuTe_MaN

[Gary]

Can you attach your copy of index.template.php

-ALM

[CuTe_MaN]

Code Select Expand


<?php
// Version: 1.1; index

/* This template is, perhaps, the most important template in the theme. It
contains the main template layer that displays the header and footer of
the forum, namely with main_above and main_below. It also contains the
menu sub template, which appropriately displays the menu; the init sub
template, which is there to set the theme up; (init can be missing.) and
the linktree sub template, which sorts out the link tree.

The init sub template should load any data and set any hardcoded options.

The main_above sub template is what is shown above the main content, and
should contain anything that should be shown up there.

The main_below sub template, conversely, is shown after the main content.
It should probably contain the copyright statement and some other things.

The linktree sub template should display the link tree, using the data
in the $context['linktree'] variable.

The menu sub template should display all the relevant buttons the user
wants and or needs.

For more information on the templating system, please see the site at:
http://www.simplemachines.org/
*/
// Initialize the template... mainly little settings.
function template_init()
{
global $context, $settings, $options, $txt;

/* Use images from default theme when using templates from the default theme?
if this is 'always', images from the default theme will be used.
if this is 'defaults', images from the default theme will only be used with default templates.
if this is 'never' or isn't set at all, images from the default theme will not be used. */
$settings['use_default_images'] = 'never';

/* What document type definition is being used? (for font size and other issues.)
'xhtml' for an XHTML 1.0 document type definition.
'html' for an HTML 4.01 document type definition. */
$settings['doctype'] = 'xhtml';

/* The version this template/theme is for.
This should probably be the version of SMF it was created for. */
$settings['theme_version'] = '1.1';

/* Set a setting that tells the theme that it can render the tabs. */
$settings['use_tabs'] = true;

/* Use plain buttons - as oppossed to text buttons? */
$settings['use_buttons'] = true;

/* Show sticky and lock status seperate from topic icons? */
$settings['seperate_sticky_lock'] = true;

// catch any user widths and font-sizes
if(!$context['user']['is_guest'] && (isset($_POST['options']['mycolor']) || isset($_POST['options']['mywidth'])))
{
  include_once($GLOBALS['sourcedir'] . '/Profile.php');
  makeThemeChanges($context['user']['id'], $settings['theme_id']);
if(isset($_POST['options']['mycolor']))
  $options['mycolor'] = $_POST['options']['mycolor'];
if(isset($_POST['options']['mywidth']))
  $options['mywidth'] = $_POST['options']['mywidth'];
}
elseif ($context['user']['is_guest'])
{
  if (isset($_POST['options']['mywidth']))
  {
      $_SESSION['mywidth'] = $_POST['options']['mywidth'];
      $options['mywidth'] = $_SESSION['mywidth'];
  }
  elseif (isset($_SESSION['mywidth']))
      $options['mywidth'] = $_SESSION['mywidth'];

  if (isset($_POST['options']['mycolor']))
  {
      $_SESSION['mycolor'] = $_POST['options']['mycolor'];
      $options['mycolor'] = $_SESSION['mycolor'];
  }
  elseif (isset($_SESSION['mycolor']))
      $options['mycolor'] = $_SESSION['mycolor'];
}
// load custom language strings
loadLanguage('ThemeStrings');
// set the layers to use
$context['template_layers']=array('main');

// make sure undefined actions use their own template
$settings['catch_action'] = array('layers' => array('main','pages'));
// split up the links if any
$context['sitemenu']=array();

if(empty($settings['custom_pages']))
$settings['custom_pages']='homepage,Home|about,Custom';

$pag=explode('|',$settings['custom_pages']);

foreach($pag as $menu => $value)
{
$what=explode(',',$value);
$context['sitemenu'][]=array($what[0],$what[1]);
}
}
// any special pages?
function template_pages_above()
{
global $context, $settings, $options, $scripturl, $txt;

echo '<div id="pages">';
if(isset($_GET['action']))
$what=$_GET['action'];
loadtemplate('pages/'.$what);
}

function template_pages_below()
{
echo '</div>';
}
// The main sub template above the content.
function template_main_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;
if($context['page_title']=='' && isset($_GET['action']))
$context['page_title']=$context['forum_name'].' - '.$_GET['action'];
elseif($context['page_title']=='' && !isset($_GET['action']))
$context['page_title']=$context['forum_name'];

// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256"" />
';
echo (!empty($modSettings['meta_description'])) ? '
<meta name="description" content="'. $modSettings['meta_description'] .'" />' : '<meta name="description" content="'. $context['page_title'] .'" />', empty($context['robot_no_index']) ? '' : '
<meta name="robots" content="noindex" />';
echo (!empty($modSettings['meta_keywords'])) ? '
<meta name="keywords" content="'. $modSettings['meta_keywords'] .'" />' : '';
echo (!empty($modSettings['meta_copyright'])) ? '
<meta name="copyright" content="'. $modSettings['meta_copyright'] .'" />' : '';
echo (!empty($modSettings['meta_author'])) ? '
<meta name="author" content="'. $modSettings['meta_author'] .'" />' : '';
echo '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "', $settings['theme_url'], '";
var smf_images_url = "', $settings['images_url'], '";
var smf_scripturl = "', $scripturl, '";
var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
var smf_charset = "', $context['character_set'], '";
// ]]></script>
<title>', $context['page_title'], '</title>';

// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
Standards compliance mode happens when you use xhtml... */
if ($context['browser']['needs_size_fix'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';

// Show all the relative links, such as help, search, contents, and the like.
echo '
<link rel="help" href="', $scripturl, '?action=help" target="_blank" />
<link rel="search" href="' . $scripturl . '?action=search" />
<link rel="contents" href="', $scripturl, '" />';

// If RSS feeds are enabled, advertise the presence of one.
if (!empty($modSettings['xmlnews_enable']))
echo '
<link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />';

// If we're viewing a topic, these should be the previous and next topics, respectively.
if (!empty($context['current_topic']))
echo '
<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';

// If we're in a board, or a topic for that matter, the index will be the board's index.
if (!empty($context['current_board']))
echo '
<link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />';
// the fontsize
   if($context['user']['is_logged'])
echo '<style type="text/css"><!--
body
{
font-size: ' , !empty($options['mysize']) ? $options['mysize'] : 'small' , ';
margin: auto;
}
--></style>';
else{
if(isset($_COOKIE['size']))
$gsize=$_COOKIE['size'];
else
$gsize='small';

echo '<style type="text/css"><!--
body
{
font-size: ' , $gsize , ';
}
--></style>';
}

// We'll have to use the cookie to remember the header...
if ($context['user']['is_guest'])
$options['collapse_header'] = !empty($_COOKIE['upshrink']);

// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'], '
       <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
               var current_leftbar = ', empty($options['collapse_leftbar']) ? 'false' : 'true', ';

               function shrinkLeftBar(mode)
               {';

       // Guests don't have theme options!!
       if ($context['user']['is_guest'])
               echo '
                       document.cookie = "upshrink=" + (mode ? 1 : 0);';
       else
               echo '
                       smf_setThemeOption("collapse_leftbar", mode ? 1 : 0, null, "', $context['session_id'], '");';
       echo '

                       document.getElementById("leftbarHeader").style.display = mode ? "none" : "";

                       current_leftbar = mode;
               }
         // ]]></script>
      <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
               var current_rightbar = ', empty($options['collapse_rightbar']) ? 'false' : 'true', ';

               function shrinkRightBar(mode)
               {';

       // Guests don't have theme options!!
       if ($context['user']['is_guest'])
               echo '
                       document.cookie = "upshrink=" + (mode ? 1 : 0);';
       else
               echo '
                       smf_setThemeOption("collapse_rightbar", mode ? 1 : 0, null, "', $context['session_id'], '");';

       echo '

                       document.getElementById("rightbarHeader").style.display = mode ? "none" : "";

                       current_rightbar = mode;
               }
       // ]]></script>

<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', ';

function shrinkHeader(mode)
{';

// Guests don't have theme options!!
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrink=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';

echo '
document.getElementById("show").src = smf_images_url + (mode ? "/show.gif" : "/hide.gif");
document.getElementById("ava").style.display = mode ? "none" : "";
document.getElementById("myuser").style.display = mode ? "none" : "";
current_header = mode;
}
// ]]></script>';

// the routine for the info center upshrink
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true', ';

function shrinkHeaderIC(mode)
{';

if ($context['user']['is_guest'])
echo '
document.cookie = "upshrinkIC=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");';

echo '
document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

current_header_ic = mode;
}

var mysize = "', !empty($options['mysize']) ? $options['mysize'] : 'small', '";

function setmysize(size)
{';

if ($context['user']['is_guest'])
echo '
document.cookie = "size=" + size;';
else
echo '
smf_setThemeOption("mysize", size , null, "', $context['session_id'], '");';

echo '
}

// ]]></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
            /*------------------------------------------------------------
Document Text Sizer- Copyright 2003 - Taewook Kang.  All rights reserved.
Coded by: Taewook Kang ([email protected])
Web Site: http://txkang.com
Script featured on Dynamic Drive (http://www.dynamicdrive.com)

Please retain this copyright notice in the script.
License is granted to user to reuse this code on
their own website if, and only if,
this entire copyright notice is included.
--------------------------------------------------------------*/

//Specify affected tags. Add or remove from list:
var tgs = new Array( \'div\',\'td\',\'tr\');

//Specify spectrum of different font sizes:
var szs = new Array( \'xx-small\',\'x-small\',\'small\',\'medium\',\'large\',\'x-large\' );
';

// setup the array to start with
$fsize=array('xx-small' => 0 , 'x-small' => 1, 'small' => 2, 'medium' => 3, 'large' => 4, 'x-large' => 5);
if(!empty($options['mysize']))
$what=$fsize[$options['mysize']];
else
$what=2;

echo '
var startSz = '.$what.';

function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;

sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 5 ) sz = 5;
startSz = sz;


if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
   setmysize(szs[ sz ]);
}

function tsreset( trgt ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;

sz = 2;
startSz = sz;


if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
   setmysize(szs[ sz ]);
}

// ]]></script>
</head>
<body>';

//Display ads on the top of the page
if (function_exists("show_topofpageAds"))
{
$ads = show_topofpageAds();
if(!empty($ads))
if($ads['type']==0)
echo $ads['content'];
else
eval($ads['content']);
unset($ads);
}

echo '
<div id="left">
<div id="right">
<div id="top">
<div id="topleft">
<div id="topright">
<div id="main">
<ul id="topmenu" class="clearfix">';
topmenu();

echo ' </ul><a class="smalltext" style="display: inline; width: 80px; border: solid 1px #ddd; margin: 0 0 8px 0; padding: 2px; font-weight: bold;" href="#" onclick="shrinkHeader(!current_header); return false;">إظهار/إخفاء</a>';
if($context['TPortal']['leftbar'])
echo '<a class="smalltext" style="display: inline; width: 80px; border: solid 1px #ddd; margin: 0 0 8px 0; padding: 2px; font-weight: bold;" href="#" onclick="shrinkLeftBar(!current_leftbar); return false;">إظهار/إخفاء القائمة اليمنى</a>';

if($context['TPortal']['rightbar'])
echo '<a class="smalltext" style="display: inline; width: 80px; border: solid 1px #ddd; margin: 0 0 8px 0; padding: 2px; font-weight: bold;" href="#" onclick="shrinkRightBar(!current_rightbar); return false;">إظهار/إخفاء القائمة اليسرى</a>';

echo '
<div id="uppersection" style="margin-top: 5px;"><div id="ava"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>';

if (!empty($context['user']['avatar']))
echo $context['user']['avatar']['image'], '<br />';
echo ' <form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '" style="margin: 0;">
<div style="margin-top: 7px;">
<a href="', $scripturl, '?action=search;advanced"><b>', $txt[182], ': </b></a><input type="text" name="search" value="" style="width: 190px;" />&nbsp;
<input type="submit" name="submit" value="', $txt[182], '" style="width: 12ex;" />
<input type="hidden" name="advanced" value="0" />';

// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';

// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

echo '
</div>
</form>
</div>';
template_menu();

//Below the menu ads
if (function_exists("show_indexAds") && function_exists("show_towerleftAds") && function_exists("show_towerrightAds"))
{
$ads = show_indexAds();
if(!empty($ads))
if($ads['type']==0)
echo $ads['content'];
else
eval($ads['content']);
unset($ads);

//Tower left Ads
$ads = show_towerleftAds();
if(!empty($ads))
echo '<table><tr><td valign="top">', $ads['type']==0 ? $ads['content'] : eval($ads['content']) ,'</td><td width="100%" valign="top">';

unset($ads);
//Tower Right Ads
$ads = show_towerrightAds();
if(!empty($ads))
echo '<table><tr><td width="100%" valign="top">';
unset($ads);
}

echo '
<div id="myuser" class="clearfix"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>';
// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo '
<h3 style="font-size: 12px;">', $txt['hello_member'], ' ', $context['user']['name'];

// Only tell them about their messages if they can read their messages!
if ($context['allow_pm'])
echo ', ', $txt[152], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt[153] : $txt[471], '</a>', $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'];
echo '.</h3>';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<b>', $txt[616], '</b><br />';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '<br />';

echo '
<a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a><br />
<a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />';
}
// Otherwise they're a guest - so politely ask them to register or login.
else
{
echo '
', $txt['welcome_guest'], '<br />
', $context['current_time'], '<br />

<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>

<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="43200">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" /><br />
', $txt['smf52'], '
<input type="hidden" name="hash_passwrd" value="" />
</form>';
}
echo ' </div></div>
<table id="bodyarea" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>';

// TinyPortal integrated bars
         if($context['TPortal']['leftbar'])
         {
             echo '<td width="' ,$context['TPortal']['leftbar_width'], '" style="padding: ' , isset($context['TPortal']['padding']) ? $context['TPortal']['padding'] : '4' , 'px; padding-top: 4px;padding-right: 1ex;" valign="top">
                <div id="leftbarHeader"', empty($options['collapse_leftbar']) ? '' : ' style="display: none;"', ' style="padding-top: 5px; width: ' ,$context['TPortal']['leftbar_width'], 'px;">';
                TPortal_sidebar('left');
             echo '</div></td>';

         }

       echo '<td width="100%" align="right" valign="top" style="padding-top: 10px; padding-bottom: 10px;">';
       if($context['TPortal']['centerbar'])
                    echo '<div>' , TPortal_sidebar('center') , '</div>';
}


function template_content_above()
{
global $context, $settings, $options, $scripturl, $txt;

if(isset($_GET['action']))
echo '
<div id="content2"><div id="content2-l"><div id="content2-r"><div class="mpad">';
else
echo '<div class="content3">';

}
function template_content_below()
{
global $context, $settings, $options, $scripturl, $txt;

if(isset($_GET['action']))
echo '
</div></div></div></div>';
else
echo '</div>';
}


function template_main_below()
{
global $context, $settings, $options, $scripturl, $txt;

  echo '</td>';

        // TinyPortal integrated bars
         if($context['TPortal']['rightbar']){
             echo '<td style="padding: ' , isset($context['TPortal']['padding']) ? $context['TPortal']['padding'] : '4' , 'px; padding-top: 4px; padding-left: 1ex;" valign="top" align="left">
                <div id="rightbarHeader"', empty($options['collapse_rightbar']) ? '' : ' style="display: none;"', ' style="width: ' ,$context['TPortal']['rightbar_width'], 'px; text-align: left; padding-top: 5px;">';
             TPortal_rightbar();
             echo '</div></td>';
         }

       echo '</tr></table>';


//Close table for towerright ads
if (function_exists("show_towerrightAds") && function_exists("show_towerleftAds") && function_exists("show_bottomAds"))
{
$ads = show_towerrightAds();
if(!empty($ads))
echo '</td><td valign="top">', $ads['type']==0 ? $ads['content'] : eval($ads['content']) ,'</td></tr></table>';

unset($ads);
//Close table for towerleft ads
$ads = show_towerleftAds();
if(!empty($ads))
echo '</td></tr></table>';
unset($ads);

//Show ads on the bottom of the page
$ads = show_bottomAds();
if(!empty($ads))
if($ads['type']==0)
echo $ads['content'];
else
eval($ads['content']);
unset($ads);
}


// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
</div>
</div>
<div id="footerarea" style="text-align: center;">
<div >
<span class="smalltext">', theme_copyright(), ' <br />
<span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"> | <a href="'.$scripturl.'?action=sitemap">Sitemap</a></span>
<strong>Scribbles</strong>  | ' , tportal_version() , ' |
<a href="http://validator.w3.org/check/referer" target="_blank">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">CSS</a>
</span>
</div>';

// Show the load time?
if ($context['show_load_time'])
echo '
<span class="smalltext">', $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</span>';

// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.
if (($context['browser']['is_ie'] && !$context['browser']['is_ie4']) || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'] || $context['browser']['is_firefox'])
{
// The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself.
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[';

// Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code...
if ($context['browser']['is_safari'])
echo '
window.addEventListener("load", smf_codeFix, false);

function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

for (var i = 0; i < codeFix.length; i++)
{
if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20)
codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";
}
}';
elseif ($context['browser']['is_firefox'])
echo '
window.addEventListener("load", smf_codeFix, false);
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

for (var i = 0; i < codeFix.length; i++)
{
if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0))
codeFix[i].style.overflow = "scroll";
}
}';
else
echo '
var window_oldOnload = window.onload;
window.onload = smf_codeFix;

function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

for (var i = codeFix.length - 1; i > 0; i--)
{
if (codeFix[i].currentStyle.overflow == "auto" && (codeFix[i].currentStyle.height == "" || codeFix[i].currentStyle.height == "auto") && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0) && (codeFix[i].offsetHeight != 0 || codeFix[i].className == "code"))
codeFix[i].style.height = (codeFix[i].offsetHeight + 36) + "px";
}

if (window_oldOnload)
{
window_oldOnload();
window_oldOnload = null;
}
}';

echo '
// ]]></script>';
}

echo '
</div>
</div>
</div>
</div>
</div>
</div>
</div>';

// The following will be used to let the user know that some AJAX process is running
echo '
<div id="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>
</body></html>';
}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree()
{
global $context, $settings, $options;

echo '<div class="nav" style="font-size: smaller; margin-bottom: 2ex; margin-top: 2ex;">';

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo '<b>', $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '" class="nav">' . $tree['name'] . '</a>' : $tree['name'], '</b>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo '&nbsp;>&nbsp;';
}

echo '</div>';
}

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()

{
global $context, $settings, $options, $scripturl, $txt;

// Work out where we currently are.
$current_action = 'home';
if (in_array($context['current_action'], array('admin', 'ban', 'boardrecount', 'cleanperms', 'detailedversion', 'dumpdb', 'featuresettings', 'featuresettings2', 'findmember', 'maintain', 'manageattachments', 'manageboards', 'managecalendar', 'managesearch', 'membergroups', 'modlog', 'news', 'optimizetables', 'packageget', 'packages', 'permissions', 'pgdownload', 'postsettings', 'regcenter', 'repairboards', 'reports', 'serversettings', 'serversettings2', 'smileys', 'viewErrorLog', 'viewmembers')))
$current_action = 'admin';
if (in_array($context['current_action'], array('arcade','shop','staff','forum','tpadmin','search', 'admin', 'calendar', 'profile', 'mlist', 'register', 'login', 'help', 'pm')))
$current_action = $context['current_action'];
if ($context['current_action'] == 'awards')
$current_action = 'admin';
if ($context['current_action'] == 'search2')
$current_action = 'search';
if ($context['current_action'] == 'theme')
$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';

if(isset($_GET['topic']) || isset($_GET['board']))
$current_action = 'forum';

echo '
<ul id="menubox"><li id="home"><a' , $current_action=='home' ? ' class="chosen"' : '' , ' href="', $scripturl, '"><span>' , $txt[103] , '</span></a></li>
<li id="help"><a' , $current_action=='forum' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=forum"><span>المنتدى</span></a></li>

<li id="search">';
// the [Members list] button
if ($context['allow_memberlist'])
echo '<a' , $current_action=='mlist' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=mlist"><span>' , $txt[331] , '</span></a>';
echo '</li>

<li id="calendar">';
// the [admin] button
if ($context['allow_admin'])
echo '<a' , $current_action=='admin' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=admin"><span>' , $txt[2] , '</span></a>';
echo '</li>

<li id="admin">';
// the [Arcade] button
echo '<a' , $current_action=='arcade' ? ' class="chosen"' : '' , ' href="',$scripturl,'?action=arcade"><span>مركز ألعاب سما سوريا</span></a>';
echo '</li>

<li id="login">';
// the [Search] button
if ($context['allow_search'])
echo '<a' , $current_action=='search' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=search"><span>بحث</span></a>';
echo '</li>

<li id="register">';
// the [Shop] button
if ($context['allow_memberlist'])
echo '<a' , $current_action=='shop' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=shop"><span>مركز تسوق سما سوريا</span></a>';
echo '</li>

<li id="profile">';
// the [staff list] button
if ($context['allow_view_stafflist'])
echo '<a' , $current_action=='staff' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=staff"><span>' , $txt['smfstaff_stafflist']  , '</span></a>';
echo '</li>

<li id="logout">';
// the [Help] button
echo '<a' , $current_action=='help' ? ' class="chosen"' : '' , ' href="',$scripturl,'?action=help"><span>' , $txt[119] , '</span></a>';
echo '</li>

<li id="gallery">';
// the [Register] button
if ($context['user']['is_guest'])
echo '<a' , $current_action=='register' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=register"><span>' , $txt[97] , '</span></a>';
echo '</li>

<li id="forum">';
// the [Login] button
if ($context['user']['is_guest'])
echo '<a' , $current_action=='login' ? ' class="chosen"' : '' , ' href="', $scripturl, '?action=login"><span>' , $txt[34] , '</span></a>';
echo '</li>

<li id="chat">';
// the [Logout] button
if ($context['user']['is_logged'])
echo '<a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">&nbsp;<span>' , $txt[108] , '</span></a>';
echo '</li></ul>';



}

/* $url="http://www.samasyria.net/smf/index.php";
if(empty($count))
 $count=20;
echo "<font face=tahoma size=2><marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 scrollDelay=1 direction=right height='20'><b><font color='#CC3300' ><p align='center'> أخر مواضيع منتديات سما سوريا";
$i=1;
$from=0;
while($i<($count+1)){
$queryo="select * from smf_messages,smf_topics where (smf_messages.ID_TOPIC=smf_topics.ID_TOPIC) ORDER BY smf_topics.ID_TOPIC DESC LIMIT $from, 1";


$resulto=mysql_query($queryo);
while($row = mysql_fetch_array($resulto)) {
$topicid = "$row[ID_TOPIC]";
$title = "$row[subject]";
$replies = "$row[numReplies]";
$from = $replies + $from +1;
 $viewy = "$row[numViews]";
 $posta="$row[posterName]";
$state="$row[icon]";
if ($state!="recycled")
echo "<a title='شوهد: $viewy مرات' href='$url/index.php?topic=$topicid' style='text-decoration: none'> ~:  :~ $title<font size=1> </font></a><font color='#CC3300'>&nbsp;ردود     ($replies)</font>";
else $i--;

}
$i++;
}
echo "</font></marquee>";*/

// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $force_reset = false, $custom_td = '')
{
global $settings, $buttons, $context, $txt, $scripturl;

// Create the buttons...
foreach ($button_strip as $key => $value)
{
if (isset($value['test']) && empty($context[$value['test']]))
{
unset($button_strip[$key]);
continue;
}
elseif (!isset($buttons[$key]) || $force_reset)
$buttons[$key] = '<a href="' . $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' . $txt[$value['text']] . '</a>';

$button_strip[$key] = $buttons[$key];
}

if (empty($button_strip))
return '<td>&nbsp;</td>';

echo '
<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'last' : 'first' , '">&nbsp;</td>
<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_back">', implode(' &nbsp;|&nbsp; ', $button_strip) , '</td>
<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'first' : 'last' , '">&nbsp;</td>';
}
function topmenu()
{
global $context, $txt, $scripturl;

/*echo '<li><a href="',$scripturl,'?action=forum">Forum</a></li>';
foreach($context['sitemenu'] as $menu => $val)
echo '<li><a href="',$scripturl,'?action='.$val[0].'">'.$val[1].'</a></li>';*/
}
?>


[CuTe_MaN]

Please mr ALM can u help me in finding the solution for what I have requested?

[codenaught]

CuTe_MaN, do you still need help with this? If so, it may be helpful if you also attach your style.css file so it is easier for one of us to figure out exactly what to change.

[CuTe_MaN]

sorry for being late in adding my style.css file.

this is my style.css:

Code Select Expand

/* TP specific classes */
.sitemap{
margin: 0;
padding: 0;
list-style: none;
}
.sitemap_topheader{
background: #ECEDF3;
border-bottom: solid 1px #ffffff;
padding: 4px;
}

.sitemap_header{
background: #ECEDF3;
border-bottom: solid 1px #ffffff;
padding: 4px;
display: block;
font-weight: bold;
}

.sitemap_header_active{
background: #C8D6E1;
border-bottom: solid 1px #ffffff;
padding: 4px;
display: block;
font-weight: bold;
}

.sitemap_header:hover, .sitemap_header_active:hover{
background: #DBE4ED;
border-bottom: solid 1px #ffffff;
padding: 4px;
display: block;
text-decoration: none;
}

/* TP other styles */
ul#articlelist
{
margin: 0;
padding: 0.5ex 0;
list-style: none;
}
ul#catlist
{
margin: 0;
padding: 0;
list-style: none;
border-top: solid 1px #d0d0d0;
}

ul#articlelist li
{
margin: 0;
display: block;
background: url('images/divider.gif') no-repeat 5px 3px;; padding-left:3ex; padding-right:0; padding-top:0; padding-bottom:0
}
ul#catlist li
{
display: block;
padding: 0 0 0 3ex;
margin: 0;
}

/* TP rss feed styles */
.rss_title{
font-weight: bold;
}

.rss_body{
margin-bottom: 1ex;
}

.rss_image{
margin: 4px 0 4px 0;
}
/* Normal, standard links. */
a:link, a:visited
{
color: #004080;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th, tr
{
color: #000000;
font-size: medium;
font-family: Trebuchet, sans-serif;
}

/* The main body of the entire forum. */
body
{
background: #555;
margin: 0;
padding: 0;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #000000;
font-family: Trebuchet, sans-serif;
border: 1px solid #aaa;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: Trebuchet, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: Trebuchet, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0px none;
color: #666666;
background-color: #666666
}

/* No image should have a border when linked */
a img
{
border: 0px none;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "Comic Sans MS", "times new roman", monospace;
font-size: small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #E3E6E1;
}
.windowbg2
{
color: #000000;
background-color: #F2F5F0;
}
.windowbg3
{
color: #000000;
background-color: #E1E8E0;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
background-color: #A3A392;
padding-top: 10px;
}
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
color: white;
font-style: normal;
}
.titlebg a:hover
{
color: #dfdfdf;
}

.catbg, .catbg2, .catbg3
{
font-weight: bold;
background-color: #e4e2e0;
color: #000000;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: white;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: small;
font-family: Trebuchet, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: medium;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: Trebuchet, sans-serif;
}

.maintab_first
{
display: none;
}
.maintab_back
{
}
.maintab_last
{
display: none;
}
.maintab_active_first
{
display: none;
}
.maintab_active_back
{
background: #ffd;
}
.maintab_active_last
{
display: none;
}

/* how links behave in main tab. */
.maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited
{
color: black;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: black;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: Trebuchet, sans-serif;
}

.mirrortab_first
{
display: none;
}
.mirrortab_back
{
}
.mirrortab_last
{
display: none;
}
.mirrortab_active_first
{
display: none;
}
.mirrortab_active_back
{
background: #ffd;
}
.mirrortab_active_last
{
display: none;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link, .mirrortab_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited
{
color: black;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}

/* ################################### */

#left
{
background: white url('images/img/left.jpg') repeat-y;
margin: auto
}
#right
{
background: url('images/img/right2.jpg') repeat-y top right;
}
#top
{
background: url('images/img/top.jpg') repeat-x;
}
#topleft
{
background: url('images/img/topleft.jpg') no-repeat;
}
#topright
{
background: url('images/img/logo.jpg') no-repeat top right;
}
#main
{
padding: 90px 105px 20px 150px;
}
/* #################### */
ul#menubox
{
padding: 0;
margin: 0;
list-style: none;
position: absolute;
left: 0;
top: 87px;
width: 111px;
}
ul#menubox li
{
width: 111px;
padding: 0;
margin: 0;
float: left;
}
ul#menubox li a
{
display: block;
width: 111px;
border-bottom: ?;
}
ul#menubox li span
{
display: none;
}
/* home */
ul#menubox li#home
{
background: url('images/img/off/home.jpg') no-repeat;
height: 19px
}
ul#menubox li#home a
{
background: url('images/img/home.jpg') no-repeat;
height: 19px
}
ul#menubox li#home a.chosen, ul#menubox li#home a.chosen:hover
{
background: url('images/img/active/home.jpg') no-repeat;
height: 19px
}
ul#menubox li#home a:hover
{
background: url('images/img/hover/home.jpg') no-repeat;
}

/* help */
ul#menubox li#help
{
background: url('images/img/off/help.jpg') no-repeat;
height: 16px
}
ul#menubox li#help a
{
background: url('images/img/help.jpg') no-repeat;
height: 16px
}
ul#menubox li#help a.chosen, ul#menubox li#help a.chosen:hover
{
background: url('images/img/active/help.jpg') no-repeat;
height: 16px
}
ul#menubox li#help a:hover
{
background: url('images/img/hover/help.jpg') no-repeat;
}

/* search */
ul#menubox li#search
{
background: url('images/img/off/search.jpg') no-repeat;
height: 17px
}
ul#menubox li#search a
{
background: url('images/img/search.jpg') no-repeat;
height: 17px
}
ul#menubox li#search a.chosen, ul#menubox li#search a.chosen:hover
{
background: url('images/img/active/search.jpg') no-repeat;
height: 17px
}
ul#menubox li#search a:hover
{
background: url('images/img/hover/search.jpg') no-repeat;
}
/* calendar */
ul#menubox li#calendar
{
background: url('images/img/off/calendar.jpg') no-repeat;
height: 16px
}
ul#menubox li#calendar a
{
background: url('images/img/calendar.jpg') no-repeat;
height: 16px
}
ul#menubox li#calendar a.chosen, ul#menubox li#calendar a.chosen:hover
{
background: url('images/img/active/calendar.jpg') no-repeat;
height: 16px
}
ul#menubox li#calendar a:hover
{
background: url('images/img/hover/calendar.jpg') no-repeat;
}
/* admin */
ul#menubox li#admin
{
background: url('images/img/off/admin.jpg') no-repeat;
height: 16px
}
ul#menubox li#admin a
{
background: url('images/img/admin.jpg') no-repeat;
height: 16px
}
ul#menubox li#admin a.chosen, ul#menubox li#admin a.chosen:hover
{
background: url('images/img/active/admin.jpg') no-repeat;
height: 16px
}
ul#menubox li#admin a:hover
{
background: url('images/img/hover/admin.jpg') no-repeat;
}
/* login */
ul#menubox li#login
{
background: url('images/img/off/login.jpg') no-repeat;
height: 14px
}
ul#menubox li#login a
{
background: url('images/img/login.jpg') no-repeat;
height: 14px
}
ul#menubox li#login a.chosen, ul#menubox li#login a.chosen:hover
{
background: url('images/img/active/login.jpg') no-repeat;
height: 14px
}
ul#menubox li#login a:hover
{
background: url('images/img/hover/login.jpg') no-repeat;
}
/* register */
ul#menubox li#register
{
background: url('images/img/off/register.jpg') no-repeat;
height: 18px
}
ul#menubox li#register a
{
background: url('images/img/register.jpg') no-repeat;
height: 18px
}
ul#menubox li#register a.chosen, ul#menubox li#register a.chosen:hover
{
background: url('images/img/active/register.jpg') no-repeat;
height: 18px
}
ul#menubox li#register a:hover
{
background: url('images/img/hover/register.jpg') no-repeat;
}
/* profile */
ul#menubox li#profile
{
background: url('images/img/off/profile.jpg') no-repeat;
height: 21px
}
ul#menubox li#profile a
{
background: url('images/img/profile.jpg') no-repeat;
height: 21px
}
ul#menubox li#profile a.chosen, ul#menubox li#profile a.chosen:hover
{
background: url('images/img/active/profile.jpg') no-repeat;
height: 21px
}
ul#menubox li#profile a:hover
{
background: url('images/img/hover/profile.jpg') no-repeat;
}
/* logout */
ul#menubox li#logout
{
background: url('images/img/off/logout.jpg') no-repeat;
height: 15px
}
ul#menubox li#logout a
{
background: url('images/img/logout.jpg') no-repeat;
height: 15px
}
ul#menubox li#logout a:hover
{
background: url('images/img/hover/logout.jpg') no-repeat;
}
/* gallery */
ul#menubox li#gallery
{
background: url('images/img/off/gallery.jpg') no-repeat;
height: 16px
}
ul#menubox li#gallery a
{
background: url('images/img/gallery.jpg') no-repeat;
height: 16px
}
ul#menubox li#gallery a.chosen, ul#menubox li#gallery a.chosen:hover
{
background: url('images/img/active/gallery.jpg') no-repeat;
height: 16px
}
ul#menubox li#gallery a:hover
{
background: url('images/img/hover/gallery.jpg') no-repeat;
}
/* forum */
ul#menubox li#forum
{
background: url('images/img/off/forum.jpg') no-repeat;
height: 17px
}
ul#menubox li#forum a
{
background: url('images/img/forum.jpg') no-repeat;
height: 17px
}
ul#menubox li#forum a.chosen, ul#menubox li#forum a.chosen:hover
{
background: url('images/img/active/forum.jpg') no-repeat;
height: 17px
}
ul#menubox li#forum a:hover
{
background: url('images/img/hover/forum.jpg') no-repeat;
}
/* chat */
ul#menubox li#chat
{
background: url('images/img/off/chat.jpg') no-repeat;
height: 17px
}
ul#menubox li#chat a
{
background: url('images/img/chat.jpg') no-repeat;
height: 17px
}
ul#menubox li#chat a:hover
{
background: url('images/img/hover/chat.jpg') no-repeat;
}
/* logout */
ul#menubox li#logout1
{
background: url('images/img/off/logout1.jpg') no-repeat;
height: 15px
}
ul#menubox li#logout1 a
{
background: url('images/img/logout1.jpg') no-repeat;
height: 17px
}
ul#menubox li#logout1 a:hover
{
background: url('images/img/hover/logout1.jpg') no-repeat;
}


#myuser
{
font-size: medium;
padding-bottom: 1em;
}
#ava
{
float: right;
margin-right: 10px;
text-align: right;
font-family: "Comic Sans MS", sans-serif;
}
#bodyarea
{
border-bottom: solid 1px #ddd;
margin-bottom: 1em;
padding-bottom: 1em;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html .catbg, * html .catbg2, * html .catbg3
{
height: 1%;
}
/* End hide from IE-mac */

ul#topmenu
{
position: absolute;
top: 45px;
margin: 0 0 0 40px;
padding: 0 5px 5px 5px;
list-style: none;
font-size: 11px;
border-bottom: solid  1px #d0d0d0;
}
ul#topmenu li
{
float: left;
}
ul#topmenu li a
{
display: block;
padding: 2px 5px 2px 5px;
border: solid 1px white;
background: #FBF8F3;
}
ul#topmenu li a:hover
{
background: #F7C1B5;
text-decoration: none;
}
#pages
{
padding-top: 1em;
}
#uppersection
{
padding: 1em;
background: url('images/img/upper.jpg') repeat-x;
}


I wish if you can find the solution for it soon

CuTe_MaN

[metallica48423]

Is this issue solved or do you still require assistance?

[CuTe_MaN]

no it is not solved and I wish if any body can help me in solving it

[Mother Goose]

I would also be interested in know how to do this. Thank you.

[Gary]

Juding from the code, this is what should be replaced with a simple image tag:

Code Select Expand

<div id="myuser" class="clearfix"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>';
// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo '
<h3 style="font-size: 12px;">', $txt['hello_member'], ' ', $context['user']['name'];

// Only tell them about their messages if they can read their messages!
if ($context['allow_pm'])
echo ', ', $txt[152], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt[153] : $txt[471], '</a>', $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'];
echo '.</h3>';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<b>', $txt[616], '</b><br />';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '<br />';

echo '
<a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a><br />
<a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />';
}
// Otherwise they're a guest - so politely ask them to register or login.
else
{
echo '
', $txt['welcome_guest'], '<br />
', $context['current_time'], '<br />

<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>

<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="43200">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" /><br />
', $txt['smf52'], '
<input type="hidden" name="hash_passwrd" value="" />
</form>';
}
echo ' </div>

Be sure to make a backup though. I cant test it.

-ALM

[Mother Goose]

Would you know what the specs are for the Max image size?


Thank you!! 

[Gary]

No. If I could see see your forum (since each one is different, I could probably find out.

[Mother Goose]

No. If I could see see your forum (since each one is different, I could probably find out.

Opps! <blush>  it's... H.E.N. Forums

[CuTe_MaN]

can u tell me where to add the code that you have added before???

thx

[Mother Goose]

can u tell me where to add the code that you have added before???

thx

Who are you asking that question of?

[CuTe_MaN]

Who are you asking that question of?

it doesnt ,matter I just want to know how to solve this problem if you can call it so

[H]

Moved to Graphics and Templates .

[Gary]

Mother Goose, you can have it at any size really, but if you were to merge these two cells

Code Select Expand

<td class="catbg" height="32">

<img src="http://i157.photobucket.com/albums/t41/HomesteadHeaven/HEN%20Pics/Welcomeetccopy.jpg" style="margin: 4px;" alt="H.E.N. Forums" />
</td>
<td align="right" class="catbg">
<img src="http://homesteadexchangenetwork.net/smf/Themes/Default_Modern/images/smflogo.gif" style="margin: 2px;" alt="" />
</td>

then it would be much easier to have a template that's 1200 wide and fit onto my screen. It's aligned by a percentage, I'd say around 900 pixels wide should do the trick.

CuTe_MaN - Please take a look at my previous post, that'll tell you what to replace with an <img src="image url here" alt="" />.

-ALM

[Mother Goose]

Wow!!! Thank you very much for attending to this ALM! Very kind of you indeed!!