SOLVED Banner

The time now is Wed 08 Oct, 2025 03:57 • All times are UTC + 1 Hour [DST enabled]

SOLVED Banner

Page 3 of 3
Goto page Previous 1, 2, 3

fangedaxa Joined: February 2010 Posts: 36	Re: Banner would like to say many thanks to joshua203. he spent a lot of time helping me sort out my problem. superb help m8 one in a million. my prob sorted you can now cose this topic thanks
#31 Wed 17 Feb, 2010 22:58

Sponsors	Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Joshua203 Joshua 203 Dutch A Go Go Joined: August 2008 Posts: 1754 Location: Earth, Europe, the Netherlands, Rotterdam	Re: Banner you re very welcome fangedaxa and goodluck ____________ www.DutchaGoGo.com (development/under construction ...Forever?¿?)
#32 Wed 17 Feb, 2010 23:11

93Corvette

Joined: February 2010
Posts: 7

Re: [SOLVED] Banner

Joshua203 wrote: [View Post]
hi again,

you may want to replace the background stretchy of the logo, something like this in stylesheet.css

find:

Code: [Download] [Hide] [Select]
Code: [Download] [Show]
#top_logo{
    border-width: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('./images/top_header.png') repeat;
    height: 150px;

replace with:

Code: [Download] [Hide] [Select]
Code: [Download] [Show]
#top_logo{
    border-width: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('./images/YOUR_PICTURENAME.png') no-repeat;
    height: 150px;

maybe add and play with the width alittle and upload your picture

or make the mainlogo (the bird) fit the whole space wich would keep it linking to the mainpage when clicked on

I really like this thread.....  However, I'm a little confused....
Let me say what I want to accomplish, and then you'll understand why I'm doing it this way....
-  I want to keep the "Bird" thing available, however, I want it moved toward the right hand side.  From there, when important things come up, then I can put in different logos...ie Breast Cancer research logo, Christmas logo, A couple bottles of wine for New Years, or whatever.

- Secondly, I need the present logo centered.  (See attached picture)...   However, if I do use the "Bird" logo, I need it to only fill in the blank area.  I don't want it to touch the new Navy logo...just in addition to it...

I think I need to make adjustments to this part, but I don't know what each "0" means or what it does...

border-width: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

Thanks in advance for any help that can be provided.....
I'm in the process of building this website up.  It was orginally a 2.0.20 website, and I moved it to www.NavyDep.com/forum   However, in about two weeks, it will be moved to where it should have been in the first place called, www.NavyFamilies.com (which is why the logo looks like this)...  However, right now it's at www.NavyDep.com/forum

NP_NF Logo.png
Description:
Filesize:	73.23 KB
Viewed:	199 Time(s)

#33 Fri 19 Feb, 2010 04:26

Joshua203

Joshua 203

Dutch A Go Go

Joined: August 2008
Posts: 1754
Location:

Earth, Europe, the Netherlands, Rotterdam

Re: Banner

hi 93Corvette,

93corvette wrote:
- I want to keep the "Bird" thing available, however, I want it moved toward the right hand side. From there, when important things come up, then I can put in different logos...ie Breast Cancer research logo, Christmas logo, A couple bottles of wine for New Years, or whatever.

you may want to have a look at overal_header.html and find this block of code:

Code: [Download] [Hide] [Select]

<div id="top_logo">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>

<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>

<td align="right" valign="top">&nbsp;</td>

</tr>

</table>

</div>

looking at the attached picture (cause the links don t show the same) i guess you want to also loose the site description stuff?
in that case replace it with something like this:

Code: [Download] [Hide] [Select]

<div id="top_logo">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>

<td height="150" align="right" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

</tr>

</table>

</div>

for this switching of logo's could be a mod available somewhere ..i dont know.. but yes this can also be done manually uploading a new one

Quote:
- Secondly, I need the present logo centered. (See attached picture)... However, if I do use the "Bird" logo, I need it to only fill in the blank area. I don't want it to touch the new Navy logo...just in addition to it...

by present logo i asume you mean the background pic ("the boat" ....LOL)
why not edit the picture and paste an empty piece of sea at the right side and then make it full width (the pic or its settings)?
this way the sitelogo would cover the emty part of sea and have a nice back ground (sea) and not give you any empty spaces

Quote:
I think I need to make adjustments to this part, but I don't know what each "0" means or what it does...

border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

i m just an amature too and if i want to know something or in case of doubt ...i try changing it and see what has changed

(padding will shift it up down left or right)

hope this helped a little, dont forget to back up files before modding them

..Joshua203

____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)

#34 Fri 19 Feb, 2010 13:07

93Corvette

Joined: February 2010
Posts: 7

Re: Banner

I finally had time to make the changes you suggest.... (Thanks for helping me)...
So I got the bird thing to the Right hand side, and it looks great...

- I still haven't figured out how to make the site logo centerered...  I added the words "align="center" but that doesn't do it....
- Secondly, once I get the site logo fixed, what I want to do is have the "Site Name" above, and the "Site Description" below the bird thingy.  That way I can add text like "Support" then "Breast Cancer Researce"  of something like that.  The bird logo I will swap with different picutures...

Any idea what I'm doing wrong?

------------ My code now ------------


<div id="top_logo">
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>



<td height="150" align="right" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

Logo Problem 2_28_10.png
Description:
Filesize:	150.15 KB
Viewed:	179 Time(s)

#35 Sun 28 Feb, 2010 08:42

Joshua203

Joshua 203

Dutch A Go Go

Joined: August 2008
Posts: 1754
Location:

Earth, Europe, the Netherlands, Rotterdam

Re: Banner

hi Corvette,

i m having a hard time understanding this, first of all i ld like to ask you to post code using the code bbcode button (c# twice, at the beginning and end of the posted code)

secondly i would loose the "original" code parts and just back up the original file for if you want to go back (or see what the original was), this would make it somewhat easier to understand what's going on and what not (for me it would anyway

)

third .. is there a link i can view instead of screenshots?
what i now think i see is that you ve also edited the sitelogo_small.png? but i can t make sure what i'm seeying really (the link you gave to your test board in your first reply to this looks unmodified)

last on this ... i would not use the site name and description to adress the event you want to display because those two have a bigger function than you think, it truly names your board to the browser tab, search engines, bookmarks and probably a whole lot more (this would also be a BIG HINT to Fangedaxa

)

i would loose the site name and description from the code (to make it invisible) but keep it in the ACP (to identify your site and not loose its functions)

edit: PS ..i would also "mirror" sitelogo (the phoenix/bird) because it now looks bored or unintrested in the site and ready to fly away

so what i mean is .. make it face the other side

Edit2: to save you some time (so now all you do is rename it to sitelogo_small.png):

____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)

Edited by Joshua203, Sun 28 Feb, 2010 13:15: added a PS

#36 Sun 28 Feb, 2010 12:38

93Corvette

Joined: February 2010
Posts: 7

Re: Banner

Joshua....
Thanks for helping me... I will embed my responces belew to make it easy for me to get everything answered...

Quote:

i m having a hard time understanding this, first of all i ld like to ask you to post code using the code bbcode button (c# twice, at the beginning and end of the posted code)

I will post my code below

Quote:

secondly i would loose the "original" code parts and just back up the original file for if you want to go back (or see what the original was), this would make it somewhat easier to understand what's going on and what not (for me it would anyway )

I think your saying to revert back to the way the orginal download. The problem is I spent hours making into a blue background. The orginal BLack Pearl has never been modified, only the Rainbow pearl. If you go to www.NavyDep.com/forum and select the Black Pearl theme in the UserCP, then it's all orginal. However, if you select NP Blue from the UserCP then you will see my logo screen.

Quote:

third .. is there a link i can view instead of screenshots?
what i now think i see is that you ve also edited the sitelogo_small.png? but i can t make sure what i'm seeying really (the link you gave to your test board in your first reply to this looks unmodified)

I only changed to files. The stylesheet.css AND the overall_header.html. I also upload my site logo also... I will post these codes here...

Quote:

last on this ... i would not use the site name and description to adress the event you want to display because those two have a bigger function than you think, it truly names your board to the browser tab, search engines, bookmarks and probably a whole lot more (this would also be a BIG HINT to Fangedaxa )

i would loose the site name and description from the code (to make it invisible) but keep it in the ACP (to identify your site and not loose its functions)

I totally agree... I orginally thought it would be cool to have a feature like this, but after reading what you said here, I didn't realize that it had bigger function, and beleive me, I don't what any problems. So I will actually just kill the Phoenix, the site name, and the Description just to make it easy.... All I would want is to center my site logo... Again, the site is www.NavyDep.com/forum.....

edit: PS ..i would also "mirror" sitelogo (the phoenix/bird) because it now looks bored or unintrested in the site and ready to fly away

so what i mean is .. make it face the other side

Edit2: to save you some time (so now all you do is rename it to sitelogo_small.png):

Code: [Download] [Hide] [Select]

<!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" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">

<head>

<!-- INCLUDE _mg_config.html -->

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />

<meta http-equiv="content-language" content="{S_USER_LANG}" />

<meta http-equiv="content-style-type" content="text/css" />

<meta http-equiv="imagetoolbar" content="no" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<meta name="resource-type" content="document" />

<meta name="distribution" content="global" />

<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />

<meta name="keywords" content="" />

<meta name="description" content="" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

{META}

<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->

<link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" />

<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_TOPICS}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->

<!-- ENDIF -->

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript" src="{T_TEMPLATE_PATH}/scripts.js"></script>

<script type="text/javascript">

// <![CDATA[

<!-- IF S_USER_PM_POPUP -->

    if ({S_NEW_PM})

    {

        popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');

    }

<!-- ENDIF -->

function popup(url, width, height, name)

{

    if (!name)

    {

        name = '_popup';

    }

    window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);

    return false;

}

function jumpto()

{

    var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');

    var per_page = '{PER_PAGE}';

    var base_url = '{A_BASE_URL}';

    if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)

    {

        if (base_url.indexOf('?') == -1)

        {

            document.location.href = base_url + '?start=' + ((page - 1) * per_page);

        }

        else

        {

            document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * per_page);

        }

    }

}

/**

* Find a member

*/

function find_username(url)

{

    popup(url, 760, 570, '_usersearch');

    return false;

}

/**

* Mark/unmark checklist

* id = ID of parent container, name = name prefix, state = state [true/false]

*/

function marklist(id, name, state)

{

    var parent = document.getElementById(id);

    if (!parent)

    {

        eval('parent = document.' + id);

    }

    if (!parent)

    {

        return;

    }

    var rb = parent.getElementsByTagName('input');

    for (var r = 0; r < rb.length; r++)

    {

        if (rb[r].name.substr(0, name.length) == name)

        {

            rb[r].checked = state;

        }

    }

}

<!-- IF ._file -->

    /**

    * Play quicktime file by determining it's width/height

    * from the displayed rectangle area

    *

    * Only defined if there is a file block present.

    */

    function play_qt_file(obj)

    {

        var rectangle = obj.GetRectangle();

        if (rectangle)

        {

            rectangle = rectangle.split(',')

            var x1 = parseInt(rectangle[0]);

            var x2 = parseInt(rectangle[2]);

            var y1 = parseInt(rectangle[1]);

            var y2 = parseInt(rectangle[3]);

            var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;

            var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;

        }

        else

        {

            var width = 200;

            var height = 0;

        }

        obj.width = width;

        obj.height = height + 16;

        obj.SetControllerVisible(true);

        obj.Play();

    }

<!-- ENDIF -->

// ]]>

</script>

<!--[if lt IE 7]>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/pngfix.js"></script>

<![endif]-->

</head>

<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<!-- <div id="wrapper"> -->

<div style="width:{$MG_GLOBAL_WIDTH};clear:both;margin: 0 auto;">

<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">

    <tr>

        <td class="leftshadow" width="9" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="9" height="1" /></td>

        <td class="np-body" width="100%" valign="top">

<!-- ORIGNAL NAVYDEP LOGO TO LEFT SIDE

<div id="top_logo">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>

-->

<div id="top_logo">

<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">

<tr>

<!--  ORIGINAL (The Bird Thingy)

<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td> 

-->

<td height="150" align="right" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td> 

<!-- Orignal

<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>

<td align="right" valign="top">&nbsp;</td> 

--> 

</tr>

</table>

</div>

<!-- INCLUDE menu_block.html -->

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --><span style="color:#CC3333;">{L_BOARD_DISABLED}</span><!-- ENDIF -->

<div id="wrapcentre">

<!-- IF S_USER_PM_POPUP and S_NEW_PM -->

<div style="margin-top:50px;margin-bottom:50px;text-align:center;clear:both;"><div class="popuppm-new"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></div>

<!-- ENDIF -->

In the below, all I changed is this code... (all I need is this centered)...
#top_logo{
    border-width: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('./images/NavyFamilieslogo.gif') no-repeat;
    height: 150px;

Code: [Download] [Hide] [Select]

/*

    phpBB 3.0 Style Sheet

    --------------------------------------------------------------

    Style name:                Black Pearl

    Based on style:        subSilver (the default phpBB 2 style)

    Original author:    subBlue ( http://www.subBlue.com/ )

    Modified by:            Mighty Gorgon ( http://www.icyphoenix.com )

    Copyright 2006 phpBB Group ( http://www.phpbb.com/ )

    --------------------------------------------------------------

*/

@import url("FAP.css");

/* === Layout === */

* {

    /* Reset browsers default margin, padding and font sizes */

    margin: 0;

    padding: 0;

}

html {

    font-size: 100%;

}

body {

    /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    color: #11FF11;

    background-color: #002c4b;

    font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */

    margin: 0px 10px 0px 10px;

}

#wrapcentre {

    margin: 15px 15px 0 15px;

}

#wrapfooter {

    text-align: center;

    clear: both;

}

#wrapper{

    /* clear: both; */

    margin: 0 auto;

    width: 960px;

    /* width: 90%; */

}

#top_logo{

    border-width: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

    background: url('./images/NavyFamilieslogo.gif') no-repeat;

    height: 150px;

}

#bottom_logo_ext{

    border-top: 1px solid #445566;

    border-bottom: 1px solid #556677;

}

#bottom_logo{

    border: 0px solid #105F98;

    background: url('./images/bg_footer.gif') repeat;

}

.leftshadow{

    background: url('./images/shadow_left.gif') repeat-y;

    padding: 0px;

    /*margin-left: 10px;*/

    width: 9px;

    vertical-align: top;

}

.rightshadow{

    background: url('./images/shadow_right.gif') repeat-y;

    padding: 0px;

    /*margin-right: 10px;*/

    width: 9px;

    vertical-align: top;

}

.forum-buttons {

    color: #E8E8EE;

    background: #002c4b url('./images/bg_buttons.gif') top left repeat-x;

    border-top: solid 1px #DD2222;

    border-bottom: solid 1px #DD2222;

    height: 24px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 1.1em;

    font-weight: bold;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

    padding: 0px;

    padding-top: 6px;

}

#wrapnav {

    width: 100%;

    margin: 0;

    background-color: #002c4b;

    border-width: 1px;

    border-style: solid;

    border-color: #105F98;

}

#datebar {

    margin: 10px 25px 0 25px;

}

#findbar {

    width: 100%;

    margin: 0;

    padding: 0;

    border: 0;

}

.forumrules {

    color: #222222;

    background-color: #FFFFAA;

    border-width: 1px;

    border-style: solid;

    border-color: #FFBB00;

    padding: 4px;

    font-weight: normal;

    font-size: 1.1em;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;

}

.forumrules h3 {

    color: #DD2222;

}

#pageheader { }

#pagecontent { }

#pagefooter { }

#poll { }

#postrow { }

#postdata { }

/* === Text === */

h1 {

    color: #E8E8EE;

    font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;

    font-size: 1.8em;

    font-weight: bold;

    text-decoration: none;

}

h2 {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 1.5em;

    font-weight: bold;

    line-height: 120%;

    text-decoration: none;

}

h3 {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 1.3em;

    font-weight: bold;

    line-height: 120%;

}

h4 {

    font-size: 0.9em;

    font-weight: bold;

    margin: 0;

    padding-top: 3px;

}

p {

    font-size: 1.1em;

}

p.moderators {

    margin: 0;

    float: left;

    color: #E8E8EE;

    font-weight: bold;

}

.rtl p.moderators {

    float: right;

}

p.linkmcp {

    margin: 0;

    float: right;

    white-space: nowrap;

}

.rtl p.linkmcp {

    float: left;

}

p.breadcrumbs {

    margin: 0;

    float: left;

    color: #E8E8EE;

    font-weight: bold;

    white-space: normal;

    font-size: 1em;

}

.rtl p.breadcrumbs {

    float: right;

}

p.datetime {

    margin: 0;

    float: right;

    white-space: nowrap;

    font-size: 1em;

}

.rtl p.datetime {

    float: left;

}

p.searchbar {

    padding: 2px 0;

    white-space: nowrap;

}

p.searchbarreg {

    margin: 0;

    float: right;

    white-space: nowrap;

}

.rtl p.searchbarreg {

    float: left;

}

p.forumdesc {

    padding-bottom: 4px;

}

p.topicauthor {

    margin: 1px 0;

}

p.topicdetails {

    margin: 1px 0;

}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {

    margin: 1px 0;

    color: #CC3333;

    font-weight:bold;

}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {

    color: #007700;

    font-weight:bold;

}

.postapprove img, .postreported img {

    vertical-align: bottom;

    padding-top: 5px;

}

.postauthor {

    color: #E8E8EE;

}

.postdetails {

    color: #E8E8EE;

}

.postbody {

    font-size: 1.3em;

    line-height: 1.4em;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

}

.postbody li, ol, ul {

    margin: 0 0 0 1.5em;

}

.rtl .postbody li, .rtl ol, .rtl ul {

    margin: 0 1.5em 0 0;

}

.posthilit {

    background-color: #00FF00;

}

.nav {

    margin: 0;

    color: #E8E8EE;

    font-weight: bold;

}

.pagination {

    padding: 4px;

    color: #E8E8EE;

    font-size: 1em;

    font-weight: bold;

}

.cattitle {

}

.gen {

    margin: 1px 1px;

    font-size: 1.2em;

}

.genmed {

    margin: 1px 1px;

    font-size: 1.1em;

}

.gensmall {

    margin: 1px 1px;

    font-size: 1em;

}

.copyright {

    padding-left: 2px;

    padding-right: 2px;

    font-size: 1.0em;

    color: #E8E8EE;

    vertical-align: middle;

}

.titles {

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-weight: bold;

    font-size: 1.3em;

    text-decoration: none;

}

.error {

    color: #CC3333;

}

/* === Tables === */

.tbl-title {

    color: #E8E8EE;

    margin-top: 6px;

}

.tbl-h-c {

    background: url('./images/tbl_h_c.gif') bottom left repeat-x;

    height: 30px;

    font-weight: bold;

    font-size: 1.3em;

    text-align: center;

    vertical-align: middle;

    margin: 0;

    white-space: nowrap;

    overflow: hidden;

}

.tbl-h-l {

    background: url('./images/tbl_h_l.gif') bottom left no-repeat;

    padding-left: 27px;

}

.tbl-h-r {

    background: url('./images/tbl_h_r.gif') bottom right no-repeat;

    padding-right: 27px;

}

.tbl-f-c {

    background: url('./images/tbl_f_c.gif') bottom left repeat-x;

    height: 12px;

    font-size: 0.1em;

    margin: 0;

    white-space: nowrap;

    overflow: hidden;

}

.tbl-f-l {

    background: url('./images/tbl_f_l.gif') bottom left no-repeat;

    padding-left: 10px;

}

.tbl-f-r {

    background: url('./images/tbl_f_r.gif') bottom right no-repeat;

    padding-right: 10px;

}

th {

    color: #E8E8EE;

    background-color: #002c4b;

    background-image: url('./images/bg_th.gif');

    font-size: 1.1em;

    font-weight: bold;

    white-space: nowrap;

    padding: 7px 5px;

}

td {

    padding: 2px;

}

td.profile {

    padding: 4px;

}

td.np {

    padding: 0px;

}

td.np-body {

    background-color: #002c4b;

    padding: 0px;

}

.tablebg {

    background-color: #002c4b;

    border: solid 1px #556677;

}

.tablebg th{

    color: #E8E8EE;

    background: #002c4b url('./images/bg_th.gif') top left repeat-x;

    font-size: 1.1em;

    font-weight: bold;

    height: 26px;

    padding: 0 5px;

    border: solid 1px #105F98;

    border-right-color: #445566;

    border-bottom-color: #445566;

    white-space: nowrap;

}

.cat {

    color: #FFBB00;

    background-color: #002c4b;

    background-image: url('./images/bg_th.gif');

    border: solid 1px #105F98;

    border-right-color: #445566;

    border-bottom-color: #445566;

    height: 26px;

    margin: 0;

    padding: 0;

    text-indent: 4px;

}

.cat h4 a, .cat h4 a:visited {

    color: #E8E8EE;

    font-size: 1.2em;

    font-weight: bold;

    text-decoration: none;

}

.cat h4 a:hover, .cat h4 a:active {

    color: #DD2222;

    font-size: 1.2em;

    font-weight: bold;

    text-decoration: underline;

}

.cat-bottom {

    background: #002c4b url('./images/bg_catbottom.gif') top left repeat-x;

    border: solid 1px #105F98;

    border-right-color: #223355;

    border-bottom-color: #223355;

    height: 28px;

    min-height: 28px;

    text-align: center;

    padding: 0px;

}

.catdiv {

    background-color: #002c4b;

    background-image: url('./images/bg_th.gif');

    border: solid 1px #105F98;

    border-right-color: #445566;

    border-bottom-color: #445566;

    height: 26px;

    margin: 0;

    padding: 0;

}

.rtl .catdiv {

    background-color: #002c4b;

    background-image: url('./images/bg_th.gif');

}

.row1, .row2, .row3, .row4 {

    border: solid 1px #105F98;

    border-right-color: #223355;

    border-bottom-color: #223355;

    padding: 4px;

}

.row1 {

    background-color: #105F98;

}

.row2 {

    background-color: #105F98;

}

.row3 {

    background-color: #105F98;

}

.row4 {

    background-color: #105F98;

}

.row-post-top {

    background-color: #002c4b;

    border: solid 1px #105F98;

    border-right-color: #223355;

    border-bottom-color: #223355;

    vertical-align: top;

}

.row-post-body {

    background: #105F98 url('./images/bg_post.gif') top left repeat-x;

    border: solid 1px #105F98;

    border-right-color: #223355;

    border-bottom-color: #223355;

    vertical-align: top;

}

.row-post-bottom {

    color: #666666;

    background: #001133 url('./images/bg_postbottom.gif');

    border: solid 1px #105F98;

    border-right-color: #223355;

    border-bottom-color: #223355;

    vertical-align: middle;

    font-size: 1.0em;

    line-height: 1.2em;

    white-space: nowrap;

    padding: 1px;

}

.spacer {

    background-color: #FF8800;

    background-image: url('./images/bg_spacerow.gif');

    border: solid 1px #105F98;

    border-right-color: #223355;

    border-bottom-color: #223355;

    height: 4px;

    padding: 0;

}

hr {

    color: #105F98;

    background-color: #105F98;

    border-width: 0;

    height: 1px;

}

.legend {

    text-align: center;

    margin: 0 auto;

    border: solid 1px #105F98;

    background-color: #002c4b;

}

/* === Links === */

a:link {

    color: #E8E8EE;

    text-decoration: none;

}

a:active,

a:visited {

    color: #E8E8EE;

    text-decoration: none;

}

a:hover {

    color: #DD2222;

    text-decoration: underline;

}

a.forumlink, a.forumlink:visited {

    color: #E8E8EE;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-size: 1.2em;

    font-weight: bold;

    text-decoration: none;

}

a.forumlink:hover, a.forumlink:active {

    color: #DD2222;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-size: 1.2em;

    font-weight: bold;

    text-decoration: underline;

}

a.topictitle {

    margin: 1px 0;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-weight: bold;

    font-size: 1.2em;

}

a.topictitle:visited {

    color: #E8E8EE;

    text-decoration: none;

}

th a,

th a:visited {

    color: #FFBB00 !important;

    text-decoration: none;

}

th a:hover {

    text-decoration: underline;

}

a.subforum.read {

    background-image: url('./images/subforum_read.gif');

    background-repeat: no-repeat;

    background-position: 3px;

    padding-left: 12px;

}

a.subforum.unread {

    background-image: url('./images/subforum_unread.gif');

    background-repeat: no-repeat;

    background-position: 3px;

    padding-left: 12px;

}

.forum-buttons a, .forum-buttons a:visited {

    color: #E8E8EE;

    font-weight: bold;

    text-decoration: none;

    vertical-align: top;

}

.forum-buttons a:hover, .forum-buttons a:active {

    color: #DD2222;

    font-weight: bold;

    text-decoration: none;

    vertical-align: top;

}

/* === Form Elements === */

form {

    margin: 0;

    padding: 0;

    border: 0;

}

input {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #336688;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;

    font-size: 1.1em;

    font-weight: normal;

    padding: 1px;

}

textarea {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #336688;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-size: 1.3em;

    line-height: 1.4em;

    font-weight: normal;

    padding: 2px;

}

select {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #336688;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;

    font-size: 1.1em;

    font-weight: normal;

    padding: 1px;

}

input:hover, textarea:hover, select:hover {

    color: #DD2222;

    background-color: #105F98;

    border: solid 1px #E8E8EE;

}

input:focus, textarea:focus, select:focus {

    color: #E8E8EE;

    background-color: #002c4b;

    border: solid 1px #DD2222;

}

option {

    padding: 0 1em 0 0;

}

option.disabled-option {

    color: #888888;

}

.rtl option {

    padding: 0 0 0 1em;

}

input.radio {

    background-color: transparent;

    border: none;

}

.post {

    background-color: #002c4b;

    border-style: solid;

    border-width: 1px;

}

.btnbbcode {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #336688;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;

    font-size: 1.1em;

    font-weight: normal;

    padding: 1px;

}

.btnmain {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #336688;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;

    font-size: 1.1em;

    font-weight: bold;

    padding: 1px;

    cursor: pointer;

}

.btnlite {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #336688;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;

    font-size: 1.1em;

    font-weight: normal;

    padding: 1px;

    cursor: pointer;

}

.btnfile {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #336688;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;

    font-size: 1.1em;

    font-weight: normal;

    padding: 1px;

}

btnmain:hover, btnlite:hover, btnfile:hover, btnbbcode:hover {

    color: #DD2222;

    background-color: #105F98;

    border: solid 1px #E8E8EE;

}

btnmain:focus, btnlite:focus, btnfile:focus, btnbbcode:hover {

    color: #E8E8EE;

    background-color: #002c4b;

    border: solid 1px #DD2222;

}

.helpline {

    color: #E8E8EE;

    background-color: #002c4b;

    border: 1px solid #556677;

}

/* === PM === */

.popuppm-new a {

    color: #E8E8EE;

    background: #001133 url('./images/bg_post.gif') top left repeat-x;

    border: solid 1px #445566;

    font-size: 1.2em;

    font-weight: bold;

    text-decoration: none;

    margin: 5px 0;

    padding: 40px 60px;

}

.popuppm-new a:hover {

    color: #DD2222;

    border: solid 1px #DD2222;

    text-decoration: underline;

}

a.PM-new-link, a.PM-new-link:visited {

    color: #FFBB00;

    text-decoration: underline;

}

a.PM-new-link:hover, a.PM-new-link:active {

    color: #DD2222;

    text-decoration: underline;

}

.PM-bg-color {

    background-color: #666666;

}

/* === BBCode === */

.quotetitle {

    color: #FFDD99;

    background: #2d71CD url('./images/bbc_quote.gif') no-repeat right;

    border: 1px solid #556677;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-size: 0.9em;

    font-weight: bold;

    text-align: left;

    padding: 5px;

    width: 90%;

    margin-top: 10px;

}

.attachtitle {

    color: #446688;

    background: #AACCFF url('./images/bbc_zip.gif') no-repeat right;

    border: 1px solid #556677;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-size: 0.9em;

    font-weight: bold;

    text-align: left;

    padding: 5px;

    width: 90%;

    margin-top: 10px;

}

.quotetitle .quotetitle {

    font-size: 1.0em;

}

.quotecontent, .attachcontent {

    background: #2d71CD;

    border: 1px solid #556677;

    border-top: 0;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-size: 1em;

    text-align: left;

    padding: 5px;

    width: 90%;

    overflow: auto;

    direction: ltr;

}

.attachcontent {

    font-size: 0.85em;

}

.codetitle {

    color: #FFDD99;

    background: #119933 url('./images/bbc_code.gif') no-repeat right;

    border: 1px solid #556677;

    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;

    font-size: 0.9em;

    font-weight: bold;

    text-align: left;

    margin-top: 10px;

    padding: 5px;

    width: 90%;

}

.codecontent {

    color: #00FF00;

    background: #105F98;

    border: 1px solid #556677;

    border-top: 0;

    font-family: 'Courier New', Monaco, monospace;

    font-size: 0.85em;

    font-weight: normal;

    text-align: left;

    padding: 5px;

    width: 90%;

    height: 100px;

    overflow: auto;

    direction: ltr;

}

.syntaxbg {

    color: #E8E8EE;

}

.syntaxcomment {

    color: #FF8800;

}

.syntaxdefault {

    color: #E8E8EE;

}

.syntaxhtml {

    color: #E8E8EE;

}

.syntaxkeyword {

    color: #007700;

}

.syntaxstring {

    color: #DD2222;

}

/* === Navigation === */

.bc-tbl {

    border: solid 1px #556677;

    background-color: #002c4b;

    margin: 5px 0;

}

.bc-header {

    color: #E8E8EE;

    background: #002c4b url('./images/bg_nav1.gif');

    font-size: 1.3em;

    font-weight: bold;

    text-align: left;

    padding: 4px 5px;

}

.bc-links {

    color: #11FF11;

    background: #002c4b url('./images/bg_nav2.gif') top left repeat-x;

    font-size: 1.0em;

    line-height: 1.4em;

    text-align: right;

    padding: 3px 5px;

}

.bc-links-left {

    position: relative;

    float: left;

    text-align: left;

}

.bc-header, .bc-links {

    border: solid 1px #105F98;

    border-right-color: #223355;

    border-bottom-color: #223355;

}

.bc-div a, .bc-div a:visited {

    color: #E8E8EE;

    text-decoration: none;

}

.bc-div a:hover, .bc-div a:active {

    color: #DD2222;

    text-decoration: none;

}

.bc-links a, .bc-links a:visited, .bc-links a:hover{ text-decoration: underline; }

.bc-div a.nav-current, .bc-div a.nav-current:visited {

    color: #FFBB00;

}

.bc-div a.nav-current:hover, .bc-div a.nav-current:active {

    color: #DD2222;

    text-decoration: none;

}

/* === Private messages === */

.pm_marked_colour {

    background-color: #FF5500;

}

.pm_replied_colour {

    background-color: #AACCEE;

}

.pm_friend_colour {

    background-color: #007700;

}

.pm_foe_colour {

    background-color: #DD2222;

}

/* === Misc === */

img {

    border: none;

}

.sep {

    color: #E8E8EE;

    background-color: #FFBB00;

}

table.colortable td {

    padding: 0;

}

pre {

    font-size: 1.1em;

    font-family: 'Courier New', Monaco, monospace;

}

.nowrap {

    white-space: nowrap;

}

.username-coloured {

    font-weight: bold;

}

FIND

[codeblock][/codeblock]

REPLACE WITH

[codeblock][/codeblock]

I hope this posts correctly.... Thanks Joshua....

#37 Mon 01 Mar, 2010 03:21

Joshua203

Joshua 203

Dutch A Go Go

Joined: August 2008
Posts: 1754
Location:

Earth, Europe, the Netherlands, Rotterdam

Re: Banner

i think we have to make sure first what exactly we re gonna try here, there should be no problem to use the sitelogo_small with a text, i m just saying don t use the site name and description for it

to give you a few example options:
1 - use the top back ground together with the clickable sitelogo (and maybe text)
2 - use only your navy top, in this case i would make it replace the sitelogo instead of the background wich would make the whole banner clickable

Quote:
I think your saying to revert back to the way the orginal download. The problem is I spent hours making into a blue background. The orginal BLack Pearl has never been modified, only the Rainbow pearl. If you go to www.NavyDep.com/forum and select the Black Pearl theme in the UserCP, then it's all orginal. However, if you select NP Blue from the UserCP then you will see my logo screen.

no i m not trying to say that, what i mean is before you start modding a file you download a clean copy of it and save it incase you want to go back to the way it was before you last modded it, so there would be no need to keep codes you modified and are not used between  in the file, wich can only be confusing/destracting in my opinion (i keep reading it eventhough it does nothing if you catch my drift)

i'm sorry but i can t change the style if i m not a "depper" thats why i still can not view, maybe a test account will help (you may PM me the details)? or maybe you can set the blue one as temporary default

oooh and next time just post the part of the code we re talking about please

So first we gotta make clear what the goal would be, like one of the two described above or maybe you have a third idea?

PS it would always be a good idea to download all files as a backup when you are at a "safe goodlooking point" anyway (this would even save you if your host screws up)

______
Edit:
i was bored or stuck anyway

please try this:

Code: [Download] [Hide] [Select]

<div id="top_logo"> 

<table width="100%" cellspacing="0" cellpadding="0" border="0"> 

<tr> 

<td height="150" align="right" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td> 

</tr> 

</table> 

</div>

and in css:

Code: [Download] [Hide] [Select]

#top_logo{

    border-width: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

    background: url('./images/dep.png') no-repeat;

    height: 150px;

}

down and upload the bird posted above as sitelogo_small.png

and upload this one

your boards look set to the original size so this should work just fine ... do make back ups first

LOL...i know it looks like the last pic is missing ...just click on it anyway ..LOL

____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)

#38 Mon 01 Mar, 2010 10:50

93Corvette

Joined: February 2010
Posts: 7

Re: Banner

Joshua,
What I'm going to do is start completely over and reload the theme again (Rainbow Pearl).  What I never did is make a back up of the orginal, and I really would like to get everything back to normal with the complete site, then once I do a backup, then I will go back to working on the logo.... I need to create a starting spot that is downloaded and saved.

What I didn't want to do is take away from the orginal purpose of this orginal thread, which was solve.  What I'll do is open up a new thread if I can't get the banner to work on the reload.
Again, thankyou very much for helping me.
Craig

#39 Fri 05 Mar, 2010 05:35

Joshua203

Joshua 203

Dutch A Go Go

Joined: August 2008
Posts: 1754
Location:

Earth, Europe, the Netherlands, Rotterdam

Re: Banner

first of all you re welcome,

it did not look to me like alot was allready modded but if you see a reason to go back to a clean install there must be something

(but just incase.. there no real point in backing up the original!)

your backup should always be a good saving point to fall back on, so you would need to replace it everytime something was added or changed and tested to work correct (as far as you can see), i usually keep a few

when reinstalling ... keep in mind that 3.07 is out and i don t know if/when theme changes for your style will be released (i'm probaly gonna try the style codecanges this time instead of comparing the full release again, hoping this would make my life a little easier)

Dont forget the advice above with the background and logo prefixed, it's been tested somewhat, so i m sure it works without any puzzles (i m instrested to see how it looks when done so feel free to post me a link)

goodluck on whatever you deside to do

Edit: Style seems to be updated in silence

____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)

#40 Fri 05 Mar, 2010 12:19