How do I center a logo? · YAF.NET Support Forum

Welcome Guest! To enable all features please Login or Register

guest
Guest Topic Starter

17 years ago

I’m very much an amateur here so please bear with me. I just started building my second website using FrontPage and yesterday I installed YAF in my root directory. I played around with it a bit and managed to change the YAFLogo to mine, and I hyperlinked it back to my site’s homepage as well. I love the forum layout. I won’t be making a great deal of changes aside from perhaps the colors and background at a later date. What I would like to do now is center my logo at the top of the page. Can someone please tell me where to find the alignment code and how to alter it? Thanks.

Wanna join the discussion?! Login to your YAF.NET Support Forum forum account or Register a new forum account

Sponsor

Mek
100% (Exalted)
YAF Developer

17 years ago

just edit default.aspx with notepad or Frontpage (if you must... bleurgh). Yuo will see that its pretty much standard html with the exception of the bit that calls all the forum code. So thegraphic at the top etc... is actually just ordinary plain old vanilla html.

"It's a case of RTFM.. the only problem being we don't have a manual!"

When I post FP:Mek in a topic, I'm leaving my footprint there so I can track it once I get into coding/supporting. (Yes I stole this off Ederon 🙂 )

Jaben
100% (Exalted)
YAF Developer

17 years ago

<div align="center">
<img src="~/images/MyLogo.jpg" alt="My Logo" />
</div>

klasvakie
50.2% (Neutral)
YAF Forumling

11 years ago

Does the same code still apply to the current yaf version?

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 YAF Version: 4.0.0 rc 2

11 years ago

Does the same code still apply to the current yaf version?

Originally Posted by: klasvakie

Its a little bit different there is an Hyperlink around the image its now

<div align="center">
 <asp:HyperLink runat="server" id="BannerLink">
        <img src="~/YafLogo.png" runat="server" alt="logo" style="border: 0;" id="imgBanner" />
    </asp:HyperLink>
</div>

But thats not really a clean solution because the align attribute is obsolete. the better solution is to use css


<asp:HyperLink runat="server" id="BannerLink">
        <img src="~/YafLogo.png" runat="server" alt="logo" style="border: 0;margin: 0 auto;display:block" id="imgBanner" />
    </asp:HyperLink>

klasvakie
50.2% (Neutral)
YAF Forumling

11 years ago

Works great. Thanks once again.

Chetan Bavarva
62.6% (Friendly)
YAF Camper

7 years ago

Try this


 <style type="text/css">
         .middle-box {
           top: 50%;
           right: 50%;
           }
</style>


        <div middle-box>
            <img src="~/Images/Logo.png" class="imgifour" alt="Logo Name" title="Logo Name" />                      
        </div>

Edited by user 7 years ago | Reason: Not specified

Chetan Patel

Custom software company India

iFour Technolab Pvt. Ltd

Important Information: