[taznict]

taznict

taznict

• Guest

Hi m3talc0re


I was asking crip for some help re TP SlickPro and I stumped him.  Below is the TP thread explainng what I am try to do. 

=========================

m3talc0re and crip ... great theme and conversion. thanks.

I am stuck. I'd like to add a second logo to the top banner area...with the second logo being to the right of the default one.  The second logo would need to float flush right to adjust to varying widths by users.

I've tried adding a second column but it put the logo outside of the where I thought it would go....so I am assuming I am dealing with nested tables and I am lost in the code of index.template.php. I've looked in the style sheet but did not see anything obvious there. Or maybe there's a whole other way to accomplish the second logo on the far right, opposite the default logo.jpg placement.

Any and all assistance would be appreciated.  Thanks in advance.

==============

crip...i've moved forward but not there yet.  I will PM you my url so you can see first hand.

in index.template.php for the main logo....

  <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td id="top-logo"><img src="', $settings['images_url'], '/logo.jpg" width="500" height="91"  /></td>
  </tr>

in style.css

#top-logo
{
 width: 100%;
 height: 91px;
 background-image: url("images/j-fiji91.gif");
 background-repeat: no-repeat;
 text-align: right;
}

with above, I get one gif on the left
If I change to text align: left; I get no gif
If I remove no-repeat and with text-align:left, I get multiple gifs on right.

I did not understand what needed to be changed in index.template.php. Sorry to be so thick.

Thanks for the hand.

====================

crip...i am not using m3's psd files. I have made my own logo.jpg for the default left position. IMHO I need to split the cell where the default logo.jpg is and then put mylogo.jpg in the new cell to the right. This was mylogo.jpg would float.  Sorry if I did not make myself clear.

This is how index.template.php is now except there is extensive table nesting.

<table width="100%" border="0">
  <tr>
    <td><div align="left"><img src="images/logo.jpg" width="358" height="91" /></div></td>
  </tr>
</table>


This would be my solution which I tried but the nesting with the entire page is blowing me away.

<table width="100%" border="0">
  <tr>
    <td><div align="left"><img src="images/logo.jpg" width="358" height="91" /></div></td>
    <td><div align="right"><img src="images/MY-LOGO.jpg" width="75" height="91" /></div></td>
  </tr>
</table>

Thanks for your troubles and have a great holiday.

Cheers

===================

Thanks

Taz

[m3talc0re]

m3talc0re

m3talc0re

Visit m3talc0re's website.

Show m3talc0re's last posts.

Show general stats for m3talc0re.

• 
• Death and Decay
• Administrator
• Hero Member
• Karma: +56/-8
• Posts: 590
• Life Sux

What's the url to the forums? I'll see what I can do for you.

[taznict]

taznict

taznict

• Guest

I pm'd you the url...

Note the multiple images in the top right. If I put no-repeat for the image in the css for #top-logo, nothing shows. There is supposed to be only one of those little guys.

Cheers

[m3talc0re]

m3talc0re

m3talc0re

Visit m3talc0re's website.

Show m3talc0re's last posts.

Show general stats for m3talc0re.

• 
• Death and Decay
• Administrator
• Hero Member
• Karma: +56/-8
• Posts: 590
• Life Sux

[Change it to:]

You've got this in your CSS right now:

Code:

#top-logo
{
 width: 100%;
 height: 91px;
 background-image: url("images/jhawk.jpg")
}

Change it to:

Code:

#top-logo
{
 height: 91px;
 background-image: url("images/jhawk.jpg");
 background-position: top right;
 background-repeat: no-repeat;
 text-align: left;
}

Never put a div to go 100% as it does that on its own. If you put width: 100%; for a div, it's gonna go over the edge of the window.

[taznict]

taznict

taznict

• Guest

Got IT !!!!  Thanks...

I made one minor change >>> background-position: 85% 90%;

That is just what the doc ordered.

Cheers

[taznict]

taznict

taznict

• Guest

In SlickPro I found in the css where to change the color of the Powered By and Copyright info text as displayed on each page. However, I can't find where to change the color to the vertical bars and "TinyPortal v0.9.7 ©".  Bloc's name did change by the CSS setting to the new color.

Any suggestions would be appreciated.

Cheers

[taznict]

taznict

taznict

• Guest

m3: OK...I found the file with TinyPortal Version in it and was able to fix the color. 

Now, where could the two vertical pipe characters in the Powered By and Copyright info text area be getting their color.  Thoughts???

Cheers

[taznict]

taznict

taznict

• Guest

[|]

I found the right bar.  Now I am looking for the left "|" shown in red below

Powered by SMF 1.1.1 | SMF © 2006, Simple Machines LLC | TinyPortal v0.9.7 © Bloc

[m3talc0re]

m3talc0re

m3talc0re

Visit m3talc0re's website.

Show m3talc0re's last posts.

Show general stats for m3talc0re.

• 
• Death and Decay
• Administrator
• Hero Member
• Karma: +56/-8
• Posts: 590
• Life Sux

[Change to:]

In the CSS, you have this:

Code:

/* This is the copyright links at the bottom of the page */
.copyright-links a:link, .copyright-links a:visited, .copyright-links a:active
{
color: #000000;
text-decoration: none;
}
.copyright-links a:hover
{
color: #000000;
text-decoration: underline;
}

Change to:

Code:

/* This is the copyright links at the bottom of the page */
.copyright-links
{
 color: #000000;
}
.copyright-links a:link, .copyright-links a:visited, .copyright-links a:active
{
 color: #000000;
 text-decoration: none;
}
.copyright-links a:hover
{
 color: #000000;
 text-decoration: underline;
}

[taznict]

taznict

taznict

• Guest

[|]

Thanks m3....are you gonna make it to New Orleans?

The problem I can't fix or find where the vertical bar on the left is driving me bonkers...Ha!

Your code worked for the right vertical bar but not the left.  I did my fix for the right with brute force in index.template.php. But alas I can't find where the left verrtical bar is coming from. If it was a snake it would've bit me I'm sure.

Think I am gonna stop persuing this for now...plenty of other things to do...like Christmas.

You have a good one and I hope you get to Naw'Leans.

Cheers

Brad

-----------------------------------------------------------
Now I am looking for the left "|" shown in red below
I found the right bar.  Now I am looking for the left "|" shown in red below

Powered by SMF 1.1.1 | SMF © 2006, Simple Machines LLC | TinyPortal v0.9.7 © Bloc
-----------------------------------------------------------