PDA

View Full Version : Having trouble removing a logo from a ready-made template & replacing it with my own



lgbtsource
Jul 8th, 2009, 06:53 AM
I'm trying to replace a logo from a ready-made template and replace it with my own and am having trouble finding where the logo is in the source code. I've tried for ther better part of two hours trying to find the code for it, so I'm asking for some help. It's probably right in front of me, so therefore I don't see it. You can view it here. I'm trying to replace the two-toned green image the top of the page.

Sp, if someone can take a lot at the code and find where the code for the image is, I'd really appreciate it.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="keywords" content="">
<meta name="description" content="">
<!-- master box -->

<link id="fw_template_file" rel="stylesheet" type="text/css" href="http://lgbtsource.webs.com/.design.css?r=752" media="screen">
<link rel="stylesheet" type="text/css" href="http://images.freewebs.com/Members/Generationz/Standard/PrintCSS/print.css" media="print">
</head>
<body class="hasOneColumn hasSidebar" >

<script>var fw_a_cats = ['00'];var fw_a_sizes = ['300x250'];var fw_a_slots = ['user_bbtemplate_300x250'];</script><!-- PUT THIS TAG IN THE head SECTION -->

<script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js">
</script>

<script type="text/javascript">
if(fw_a_slots) {
for(var i=0;i<fw_a_slots.length;i++) {
GA_googleAddSlot("ca-pub-4763110844767107", fw_a_slots[i]);
}
}
</script>







<!-- END OF TAG FOR head SECTION -->











<div id="fw-container">
<div id="fw-head">
<h1 id="fw-title"><a id="fw-titlelink" href="http://lgbtsource.webs.com/"></a></h1>
<h2 id="fw-smalltitle"></h2>




</div>

<div id="fw-blockContainer">
<div id="fw-mainnavwrap">
<div id="fw-nav-menu">
<ul>
<li><a class="section fw-current-nav-link" href="http://lgbtsource.webs.com/" >Home</a></li>
<li><a class="section" href="http://lgbtsource.webs.com/aboutme.htm" >About Me</a></li>
<li><a class="section" href="http://lgbtsource.webs.com/apps/blog/" >Blog</a></li>

</ul>
</div>
</div>


<div id="fw-bigcontain">



<div id="fw-mainColumn">
<!-- ParagraphStart 351182034 -->
<div class="fw-paragraph">
<div class="fw-paragraphtop"></div>
<h3 class="fw-title"><a name="351182034"></a>
<!-- ParagraphTitleStart -->
<font size="4" color="#0e0e0e" face="Arial">
Welcome To LGBTSource</font>
<!-- ParagraphTitleEnd -->
</h3>
<div class="fw-text">
<!-- ParagraphBodyStart -->
<p><font size="+0">
<font size="2" color="#000000" face="Arial">
Welcome to LGBTSource, the fastest growing and most up-to-date directory of LGBTQI (Lesbian, Gay, Bisexual, Transgender, Queer, and Intersex) organizations, services, and other resources. LGBTSource is updated daily, so come back often. If you have a LGBTQI listing that you would like to add or update, please email LGBTSource </font><a href="mailto:[email protected]?subject=Feedback&#38;body=Message"><font size="2" color="#000000" face="Arial">here</font></a><font size="2" color="#000000" face="Arial">. LGBTSource is updated daily, so come back often. <br /><br />LGBTSource also has two dictionaries of LGBTQI terms. The first one contains general LGBTQI terms and is located here. The second one contains transgender and other gender non-conforming terms and is located here. If you have a term to add to either dictionary, please send it email&#160;</font></font><font color="#000000"><font size="2" color="#000000" face="Arial"><a href="mailto:[email protected]?subject=Dictionary&#38;body=Message">here</a></font><font size="2" face="Arial">.</font></font></p><!-- ParagraphBodyEnd --></div>
<div class="fw-paragraphbottom"></div>
</div>
<!-- ParagraphEnd 351182034 --><!-- ParagraphStart 414265160 -->
<div class="fw-paragraph">
<div class="fw-paragraphtop"></div>
<h3 class="fw-title"><a name="414265160"></a><!-- ParagraphTitleStart --><font color="#000000" face="Arial">Directory</font> <!-- ParagraphTitleEnd --></h3>
<div class="fw-text"><!-- ParagraphBodyStart --><p align="left"><font size="4">&#160;<TABLE BORDER=0 RULES=NONE FRAME=BOX BGCOLOR=#8DAB50 WIDTH=49% ALIGN=LEFT>
<tr>
<td style=text-align:center;>
<font size="2"><font face="Arial">
<font color=#232323>
<b>Organizations</b>
</font>
</td>
</tr>
</table>

<TABLE BORDER=0 RULES=NONE FRAME=BOX BGCOLOR=#8DAB50 WIDTH=49% ALIGN=RIGHT>

<tr>
<td style=text-align:center;>
<font size="2"><font face="Arial">
<font color=#232323>
<b>News & Media</b>
</font>
</td>
</tr>

</table>


<BR></font></p><p>&#160;<TABLE BORDER=0 RULES=NONE FRAME=BOX WIDTH=50% ALIGN=LEFT>


<tr><td></td></tr>
<tr><td></td></tr>


<tr>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Bisexual</CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>



<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Civil Rights</CENTER>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Education</CENTER>
</td>

</tr>


<tr>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Health</CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Immigration</CENTER>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Legal</CENTER>
</td>

</tr>


<tr>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Marriage</CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Parenting</CENTER>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Politics</CENTER>
</td>

</tr>


<tr>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Senior</CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Transgender</CENTER>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Youth</CENTER>
</td>


</tr>

</table>


<TABLE BORDER=0 RULES=NONE FRAME=BOX WIDTH=49% ALIGN=RIGHT>

<tr><td></td></tr>
<tr><td></td></tr>



<tr>

<td style="text-align:center;">
<font size="2">
<font face="Arial">
<CENTER>Blogs</CENTER>
</font>
</td>


<td style="text-align:center;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>


<td style="text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Entertainment</CENTER>
</td>


<td style="text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Online News</CENTER>
</font>
</td>

</tr>



<tr>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Journals</CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>National Publications</CENTER>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Local Publications</CENTER>
</td>


</tr>




<tr>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>E-Zines</CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER>Forums & Chat Rooms</CENTER>
</td>


<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER><b>&middot;</b></CENTER>
</font>
</td>

<td style="width=50%; text-align:left;">
<font size="2">
<font face="Arial">
<CENTER></CENTER>
</td>

</tr>

</table>

<br><br><br><br><br><br></p><p>&#160;</p><p><TABLE BORDER=0 RULES=NONE FRAME=BOX BGCOLOR=#8DAB50 WIDTH=49% ALIGN=LEFT>
<tr>
<td style=text-align:center;>
<font size="2"><font face="Arial">
<font color=#232323>
<b>Religion</b>
</font>
</td>
</tr>
</table>

<TABLE BORDER=0 RULES=NONE FRAME=BOX BGCOLOR=#8DAB50 WIDTH=49% ALIGN=RIGHT>

<tr>
<td style=text-align:center;>
<font size="2"><font face="Arial">
<font color=#232323>
<b>Arts & Humanities</b>
</font>
</td>
</tr>

</table>


<BR></p><!-- ParagraphBodyEnd --></div>
<div class="fw-paragraphbottom"></div>
</div>
<!-- ParagraphEnd 414265160 -->
</div>

</div>

<div id="fw-sidebar">

<!--

-->



<div id="fw-sidebarbegin"></div>

<div id="boxad">
<script type="text/javascript">
GA_googleFillSlot("user_bbtemplate_300x250");
</script>
</div>

<div class="fw-paragraph">
<div class="fw-paragraphtop"></div>
<h3 class="fw-title">News</h3>
<div class="fw-text"><p>gdfgfg hftrh frdsgd dgdfgh rfdhgfh&#160; fhgfhjgj </p></div>
<div class="fw-paragraphbottom"></div>
</div>

<div id="fw-sidebarend"></div>
</div>

<div class="clears"></div>
</div>
<div class="clears"></div>
</div>


<div>
<div id="fw-footer">
<p id="fw-foottext" class="fw-footertext">&copy;2006</p>
<p>



</div>

</body>
</html>


<!-- [SB] PageID 123111468-->
<!-- appserver167-kvm -->


Thanks,
James

SB65
Jul 8th, 2009, 08:25 AM
If we're talking about the green wavy image, then it's set as a background image within green.css (line 16):


#fw-head {
background:transparent url(http://images.freewebs.com/static/templates/box/Dirtylicious/img/greenheader.jpg) no-repeat scroll left top;
}

Firebug (http://getfirebug.com/) is useful for this sort of thing.

PS: Please wrap your code with code tags.

lgbtsource
Jul 8th, 2009, 09:10 AM
I can't seem to find "green.css" at all in the code I posted. Also I'm using my dad's laptop from his work, as my computer broke down. I can't download anything.

I just want to find where the image is located in whatever file and replace it with this image (http://www.lgbtsource.com/logo.png). Again, I can't seem to find "green.css" and I probably wouldn't how to open it.

So, I need a little help with this.

Thanks,
James

P.S. I'll try and wrap code correctly. I wasn't sure which icon to use.

SB65
Jul 8th, 2009, 09:54 AM
This line:



<link id="fw_template_file" rel="stylesheet" type="text/css" href="http://lgbtsource.webs.com/.design.css?r=752" media="screen">

in your header is calling a file which in turn imports green.css:


/* IMPORT FREEWEBS MASTER TEMPLATE */
@import url('http://images.freewebs.com/static/templates/box/Dirtylicious/green/green.css');

This is a remote file so you're not going to be able to edit it. Assuming that you are still using some entries in green.css, and so can't dispense with it entirely, the best way forward might be to add another statement to override the background image.

You could add a statement underneath the links to the other css files, like this:



<link id="fw_template_file" rel="stylesheet" type="text/css" href="http://lgbtsource.webs.com/.design.css?r=752" media="screen">
<link rel="stylesheet" type="text/css" href="http://images.freewebs.com/Members/Generationz/Standard/PrintCSS/print.css" media="print">
<style type="text/css" media="screen">
#fw-head {background:transparent url(insert link to your preferred image here) no-repeat scroll left top;}
</style>


Since this comes after the green.css file in your html then this statement will take precedence.

lgbtsource
Jul 8th, 2009, 10:09 AM
For some reason, it is only showing a big block of white space instead of either image.

This is the code I put in:



<link id="fw_template_file" rel="stylesheet" type="text/css" href="http://lgbtsource.webs.com/.design.css?r=477" media="screen">

<style type="text/css" media="screen">
#fw-head {background:transparent url(http://www.lgbtosurce.com/logo.png) no-repeat scroll left top;}
</style>


I'm still not seeing anything in my code that says "green.css".

I feel like I'm making a mistake that shouldn't be hard to overlook, but nonetheless.

So, what am I doing wrong?

Thanks,
James

SB65
Jul 8th, 2009, 10:17 AM
http://www.lgbtosurce.com/logo.png

lgbtsource
Jul 8th, 2009, 10:36 AM
Dont' I feel clever.

However, when I got it to work it was too big and am just to fed up with trying to working with the image. The laptop I'm using sucks and the free logo designer I used for my image doesn't work on it. I want to want the image area just left plain, but with not such a big empty spot. Is there anyway to do this without trying to create another image, while not messing up the rest of layout?

Thanks much,
Jame

SB65
Jul 8th, 2009, 10:47 AM
You could remove the image entirely by using:


#fw-head {background-image:none}

or to replace it with a block of colour:


#fw-head {background: orange none}

Not quite sure what you mean by "not such a big empty spot". If you mean reducing the height of the header you could try adding:


#fw-head {height:60px}

or whatever...

lgbtsource
Jul 8th, 2009, 11:02 AM
Thanks so much!