Replacing text website name with logo
This is an open discussion with 10 replies, filed under General.
Search
Welcome Mike!
I am attempting to replace the text website name with a logo
Are you talking about the backend or the front-end of your site?
Question #2. Is there a manual somewhere that identifies template tags and such?
What exactly do you mean by saying “template tags”? Symphony uses XML as the source for your XSL templates, how this XML is structured and named depends on your custom data setup.
Have you had a look at the documentation?
I am referring to the front end of the website. i want to replace the text website name with an image logo. I’ll check the docs too thanks but I saw nothing there earlier that explains how to do something like this.
Replacing your headline with a logo is just plain HTML (which you generate using an XSL template) and CSS. Have a look at Using background-image to replace text for information about different techniques.
I’m still not sure about the “template tags”. Maybe you are looking for something like the parameter pool?
I found the master.xsl which is what I was looking for. Yes, the parameter’s are what i was looking for.
Thanks
Doesn’t seem to be as easy as I was expecting.. i guess what i’m asking is what is the xsl required to replace a text logo with an image one and are there any resources that are for newbies that provide xsl examples and such?
Ok i’ve managed to use <img src="http://www.thatcriticguy.com/workspace/images/logo.png" />
and this worked but adding an href seemed to cause a compile error. Any suggestions?
Are you working with the standard workspace that comes with the main Symphony download?
If so you should have a look at /workspace/utilities/master.xsl
and at /workspace/css/styles.css
. Inside of master.xsl
you’ll find this piece of code:
<div id="masthead"> <h1> <a href="{$root}"><xsl:value-of select="$website-name"/></a> </h1> <xsl:apply-templates select="data/navigation"/> </div>
By adding a few lines to your styles.css
you can replace the anchor with an image. E. g.:
h1 { width: IMAGEWIDTH; height: IMAGEHEIGHT; } h1 a { display: block; background: url(YOURIMAGE) 0 0 no-repeat; width: IMAGEWIDTH; height: IMAGEHEIGHT; text-indent: -1000em; }
If you need help with XSLT, w3schools.com is a good source.
Ok i’ve managed to use
<img src="http://www.thatcriticguy.com/workspace/images/logo.png" />
and this worked but adding an href seemed to cause a compile error. Any suggestions?
Could you please post your code.
Here’s what I did. In main.xsl:
`<h1 id="nameplate"><a href="http://www.thatcriticguy.com">That Critic Guy</a></h1>`
and then in my stylesheet, master.css:
`#nameplate { background: transparent url(../images/logo.png) no-repeat scroll 0; } #nameplate a { display:block; line-height:1.5em; text-indent:-1000em; width:8em; }`
Thanks for your help Nils
Just want to see if I’m right about this…the problem was in the css - wrong code to call up the logo and not a bug? Thanks in advance, Davy Myhosting
Create an account or sign in to comment.
Perhaps there’s a tutorial somewhere but i’m a bit lost at the moment. My site is at http://thatcriticguy.com and I am attempting to replace the text website name with a logo but am unsure of where to change this and what XSLT if any I need to use?
Question #2. Is there a manual somewhere that identifies template tags and such?