YAFLogo

guest
  • 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.
Sponsor
Mek
  • 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.


UserPostedImage

"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
  • Jaben
  • 100% (Exalted)
  • YAF Developer
17 years ago
<div align="center">
<img src="~/images/MyLogo.jpg" alt="My Logo" />
</div>
klasvakie
11 years ago
Does the same code still apply to the current yaf version?
tha_watcha
  • 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
11 years ago
Works great. Thanks once again.
Chetan Bavarva
8 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>

Chetan Patel

Custom software company India 

iFour Technolab Pvt. Ltd