Need help in adding two logo.gif files in header

ajrock · Posted: Sun Jan 22, 2012 10:55 pm

I would like to see if someone can give me assistance in inputting two logo.gif files within the header. I am using the BluePBlog theme.

Dawg · Posted: Mon Jan 23, 2012 1:03 am

Look in themes->name of your theme->theme.php

They will go in the header section.

If you post up the theme.php and the size of the 2 images....maybe I can figure it out from there....

Dawg

nuken · Posted: Mon Jan 23, 2012 6:50 am

In the Blue_Blog theme, the size of the header is controlled by css. The style.css for the theme has the following css to control it:

Code:

#header {
width:100%;
height:122px;
background:#004080 url(../images/n1.gif) repeat-x;
}

#header_inner {
position:relative;
width:100%;
height:91px;
margin:0 auto;
}

If you change the height of the header, you will need to adjust both heights in equal increments. By that I mean if you want the header to be 162px high, you will need to make the header_inner 131px.

Just like Dawg said, the code for the image in the header is in the theme.php function header.

ajrock · Posted: Mon Jan 23, 2012 1:18 pm

Thanks Guys, I will get that information up on the site when I get back.

ajrock · Posted: Tue Jan 24, 2012 9:01 pm

Here is the information that you requested. Again, I appreciate any time that you spend on it.

Image 1 -logo.gif 150 x 150
Image 2 - coollogo_com-91899139.gif 837 x 112

Code:

<?php

/**************** Blue Blog Theme ************************/
/* */
/* A free theme by Nuken at TickedOutNews.com */
/* Based on nonzero blue theme */
/***************************************************************/

$bgcolor1 = "#cccc99";
$bgcolor2 = "#ddddbb";
$bgcolor3 = "#eeeedc";
$bgcolor4 = "#cccc99";
$textcolor1 = "#000000";
$textcolor2 = "#000000";

function OpenTable() {
echo '<div class="tableline">';
}

function OpenTable2() {

echo '<div class="tableline">';
}

function CloseTable() {
echo '</div>';
}

function CloseTable2() {
echo '</div>';
}

/************************************************************/
/* Function themeheader() */
/* Control the header for your site. */
/************************************************************/

function themeheader() {
global $user, $banners, $sitename, $slogan, $cookie, $prefix, $anonymous, $topic, $name, $sel, $db, $ThemeSel, $nukeNAV, $name;
cookiedecode($user);
echo "<body>";

if (defined('INDEX_FILE')) {
echo '<div id="header"><div id="header_inner" class="fixed"><div id="logo">
   <span><img src="themes/'.$ThemeSel.'/images/logo.gif " alt="" border="0" /></span></div>';
if ($banners) {
echo '<div id="logo_right">';
echo ads(0);
echo '</div>';
      };
echo '</div>'.$nukeNAV.'<br style="clear: left" /></div><div id="main"><div id="main_inner" class="fixed"><div id="primaryContent_3columns">';
}else{
echo '<div><div id="header"><div id="header_inner" class="fixed"><div id="logo"><span><img src="themes/'.$ThemeSel.'/images/logo.gif" alt="" border="0" /></span></div>';
if ($banners) {
echo '<div id="logo_right">';
echo ads(0);
echo '</div>';
      };
echo '</div>'.$nukeNAV.'<br style="clear: left" /></div><div id="main"><div id="main_inner" class="fixed"><div id="primaryContent_2columns">';
}

if (defined('INDEX_FILE')) {

echo '<div id="columnA_3columns">';
}else{
   echo '<div id="columnA_2columns">';
}

}

/************************************************************/
/* Function themefooter() */
/* Control the footer for your site. */
/************************************************************/

function themefooter() {
global $index, $foot1, $foot2, $foot3, $foot4, $name;
echo '</div></div><div id="secondaryContent_3columns">';
if (defined('INDEX_FILE')) {
echo '<div id="secondaryContent_2columns"><div id="columnC_2columns">';
}else{
echo '<div id="columnB_3columns">';
}

blocks('left');

echo '</div>';

if (defined('INDEX_FILE')) {

echo '<div id="columnC_3columns">';

blocks('right');
echo '</div>';
}

$footer_message = "<p>$foot1</p><p>$foot2</p><p>$foot3</p><p>$foot4</p>";
echo '</div><br class="clear" /></div></div></div><div id="footer" class="fixed">';
footmsg();
echo '</div>';

}

/************************************************************/
/* Function themeindex() */
/* */
/* This function format the stories on the Homepage */
/************************************************************/

function themeindex ($aid, $informant, $time, $title, $counter, $topic, $thetext, $notes, $morelink, $topicname, $topicimage) {
global $anonymous, $tipath, $topictext, $timezone;

$ThemeSel = get_theme();
if (file_exists("themes/$ThemeSel/images/topics/$topicimage")) {
$t_image = "themes/$ThemeSel/images/topics/$topicimage";
} else {
$t_image = "$tipath$topicimage";
}
if (!empty($notes)) {
$notes = "<b>"._NOTE."</b>$notes\n";
} else {
$notes = "";
}
if ("$aid" == "$informant") {
$content = "$thetext$notes\n";
} else {
if(!empty($informant)) {
   $content = "<br />"<a href=\"modules.php?name=Your_Account&op=userinfo&username=$informant\">$informant</a> ";
} else {
   $content = "$anonymous ";
}
$content .= ''._WRITES.'" '.$thetext.''.$notes.'';
}

$posted = ""._POSTEDBY." ";
$posted .= get_author($aid);
$posted .= " "._ON." $time $timezone ($counter "._READS.")";
echo '<br class="clear" /><div class="post"><h3>'.$title.'</h3><br /><a href="modules.php?name=News&new_topic='.$topic.'"><img src="'.$t_image.'" class="floatTR" alt="'.$topictext.'" /></a><ul class="post_info"><li class="date">'.$posted.'</li></ul>'.$content.'<h4>'.$morelink.'</h4>';

echo '</div>';
}

/************************************************************/
/* Function themeindex() */
/* */
/* This function format the stories on the story page, when */
/* you click on that "Read More..." link in the home */
/************************************************************/

function themearticle ($aid, $informant, $datetime, $title, $thetext, $topic ,$topicname, $topicimage, $topictext) {
global $admin, $sid, $tipath, $notes;
$ThemeSel = get_theme();
if (file_exists("themes/$ThemeSel/images/topics/$topicimage")) {
$t_image = "themes/$ThemeSel/images/topics/$topicimage";
} else {
$t_image = "$tipath$topicimage";
}
$posted = ""._POSTEDON." $datetime "._BY." ";
$posted .= get_author($aid);
if (!empty($notes)) {
$notes = "<b>"._NOTE."</b>$notes\n";
} else {
$notes = "";
}
if ("$aid" == "$informant") {
$content = "$thetext$notes\n";
} else {
if(!empty($informant)) {
   $content = "<br />"<a href=\"modules.php?name=Your_Account&op=userinfo&username=$informant\">$informant</a> ";
} else {
   $content = "$anonymous ";
}
$content .= ''._WRITES.'" '.$thetext.''.$notes.'';
   }
echo '<br class="clear" /><div class="post"><h3>'.$title.'</h3><a href="modules.php?name=News&new_topic='.$topic.'"><img src="'.$t_image.'" class="floatTR" alt="'.$topictext.'" /></a><ul class="ar_post_info"><li class="ar_date">'.$posted.'</li></ul><br />'.$content.'<h4> </h4></div>';
}

/************************************************************/
/* Function themesidebox() */
/* */
/* Control look of your blocks. Just simple. */
/************************************************************/

function themesidebox($title, $content) {

echo '<h4><span>'.$title.'</span></h4>'.$content.'';

}

?>

Dawg · Posted: Wed Jan 25, 2012 2:31 am

If you can cut your BIG image down (coollogo_com-91899139.gif) by a few pixels it is pretty straight forward....820 vs 837 and I am assumming your image was height=150 and width=837

Try this....

In the header section of theme.php

Code:

echo '<div id="header"><div id="header_inner" class="fixed"><span><img src="themes/' , $ThemeSel , '/images/logo.gif" alt="" border="0" height="150px" width= "150"/><img src="themes/' , $ThemeSel , '/images/coollogo_com-91899139.gif" alt="" border="0" height="112px" width= "820"/></span></div>';

In the css file...
replace these two....

Code:

#header {
width:100%;
height:150px;
background:#004080 url(../images/n1.gif) repeat-x;
border:1px solid red;
}

#header_inner {
position:relative;
width:100%;
height:150px;
margin:0 auto;
border:1px solid red;
}

If you noticed...I added a red border....just so you can see what is going on.

After you are done and happy....remove the red border.

If you are stuck on the full 837 wide image...vs the 820 I posted....you are going to open a whole can of worms.

Dawg

ajrock · Posted: Thu Jan 26, 2012 8:48 pm

Thanks Dawg,
I will implement your code and get back with you. Thanks again.

ajrock · Posted: Thu Jan 26, 2012 11:52 pm

Worked Great. Thanks.
Good to know that we have a place to get some assistance. Thanks again.

ajrock · Posted: Sat Jan 28, 2012 12:14 pm

I would like to ask one more question if I could. You helped tremendously. I would like to ask about changing the color in the BlueBlog theme. I have tried to change the colors in the theme.php for the BlueBlog. Here is the code.

Code:

$bgcolor1 = "#cccc99";
$bgcolor2 = "#ddddbb";
$bgcolor3 = "#eeeedc";
$bgcolor4 = "#cccc99";
$textcolor1 = "#000000";
$textcolor2 = "#000000";

Doesn't seem to work normally. I wanted to see if I can get an understanding of how to change the colors. This theme doesn't seem to work normally. Thanks for you help.

spasticdonkey · Posted: Sat Jan 28, 2012 12:17 pm

Those values are only used for tables in some modules, and unfortunately in some area of the RN core. Hopefully those will be fully depreciated in a future release.

You want to edit themes/Blue_Blog/style/style.css

ajrock · Posted: Sat Jan 28, 2012 12:21 pm

Wanted to see if you could assist me in changing the color in the Blue_Blog theme. It doesn't seem to work normally. Here is the code for the colors.

Code:

$bgcolor1 = "#cccc99";
$bgcolor2 = "#ddddbb";
$bgcolor3 = "#eeeedc";
$bgcolor4 = "#cccc99";
$textcolor1 = "#000000";
$textcolor2 = "#000000";

I wanted to understand how to change the colors in this theme.
Thanks for your help.

nuken · Posted: Sat Jan 28, 2012 12:51 pm

Look in the themes/Blue_Blog/styles folder and you will find 3 css files. The background color is #cc9 and #cccc99. You can do a search of the css files and replace that with the color you want it to be. There is also a header image, image n2.gif, that would need to be changes. The color on it is that #cccc99 color. All the colors for that theme are in the css files.

ajrock · Posted: Mon Jan 30, 2012 11:00 am

Thanks, you guys have been a great help.