Show Us your XF!

Status
Not open for further replies.
Well the HTML just calls the CSS for the most part.

Here is my HTML that runs it:

Code: 
 <div class="footer">
           	<div class="footer_nav">
            	<ul>
                	<li><a href="http://www.boxselect.com">Home</a></li>
                    <li><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">Announcements</a></li>
                    <li><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">Press</a></li>
                    <li><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">About Us</a></li>
                    <li><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">Contact Us</a></li>
                    <li><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">Privacy Policy</a></li>
                    <li><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">User Agreement</a></li>
                    <li><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">Careers</a></li>
                    <li class="footbrdr"><a href="http://www.boxselect.com/forum/threads/boxselect-status-pre-registration-phase-1.5/">Help</a></li>
                </ul>
                <div class="clr"></div>
            </div>
            <div class="footer_two">Copyright &copy; 2010 <strong>BoxSelect</strong>. All rights reserved.</div>
            <div class="footer_three">
            	<div class="footer_three_left"><img src="/images/facebook.jpg" alt="" />Connect with us on <a href="http://facebook.com/boxselect">Facebook</a></div>
                <div class="footer_three_right"><img src="/images/tweeter.jpg" alt="" />Follow us on <a href="http://twitter.com/boxselect">Twitter</a></div>
                <div class="clr"></div>
            </div>
          </div>
        </div>
    </div>
</body>
</html>

And here is the corresponding CSS

Code: 
 .footer {
	height:169px;
	}
.footer_nav {
	margin-bottom:20px;
	}
.footer_nav ul {
	padding:15px 0 0 0;
	margin:0;
	}
.footer_nav ul li {
	list-style:none;
	float:left;
	background:url(/images/footer_border.jpg) no-repeat center right;
	}
.footer_nav ul li.footbrdr {
	background:none;
	}
.footer_nav ul li a {
	text-decoration:none;
	color:#1b1b1b;
	padding:0 6px;
	}
.footer_nav ul li a:hover {
	text-decoration:underline;
	}
.footer_two {
	padding:0 0 0 5px;
	margin-bottom:32px;
	}
.footer_three {
	}
.footer_three_left {
	width:240px;
	float:left;
	}
.footer_three_left a {
	text-decoration:none;
	font-weight:bold;
	color:#4571ac;
	}
.footer_three_left img {
	float:left;
	margin:-20px 5px 0 0;
	}
.footer_three_right {
	width:240px;
	float:left;
	}
.footer_three_right a {
	text-decoration:none;
	font-weight:bold;
	color:#2dbece;
	}
.footer_three_right img {
	float:left;
	margin:-20px 5px 0 0;

Does that make sense? If you have questions feel free to ask...I am more than happy to help ya :D
 
Carlos said:
Very nice design! :)

I would like to ask, if it's not too much to ask, how did you get the bottom footer? \

I am looking to do the same for most of my sites. :)

P.S. With the freedom of changing colors of course.
Click to expand...
Looks like he added a extra DIV in the footer template:
HTML: 
            <div class="footer_three">
                <div class="footer_three_left"><img src="/images/facebook.jpg" alt="" />Connect with us on <a href="#">Facebook</a></div>
                <div class="footer_three_right"><img src="/images/tweeter.jpg" alt="" />Follow us on <a href="#">Twitter</a></div>
                <div class="clr"></div>
            </div>

Edit: oops, didn't see there other replys
 
yeh theyre gonna get updated peggy. i gotta get my grapjphics guy to make me somethin lol. i
just write code haha.

do you have anything in mind that might look good?
 
jwright said:
yeh theyre gonna get updated peggy. i gotta get my grapjphics guy to make me somethin lol. i
just write code haha.

do you have anything in mind that might look good?
Click to expand...
I haven't been able to access your site at all for the better part of the morning, and don't remember your color scheme.
But some people have submitted replacement forum icons in the Graphics forum here. You might find something that matches.

EDIT: Shelley made some blue ones here that might look good.
 
jwright said:
yeh theyre gonna get updated peggy. i gotta get my grapjphics guy to make me somethin lol. i
just write code haha.

do you have anything in mind that might look good?
Click to expand...
Peggy said:
I haven't been able to access your site at all for the better part of the morning, and don't remember your color scheme.
But some people have submitted replacement forum icons in the Graphics forum here. You might find something that matches.

EDIT: Shelley made some blue ones here that might look good.
Click to expand...

I don't think blue would match the theme that great. Possibly the same red he has in the .categorytitles? That's if your choosing to use the standard speech bubbles. Screenshot below

Ps. Liking the slogan on your site jwright.


box_select_mockup.webp​
 
You're right Shelley. Not having seen his site since yesterday, I was going on memory - which ain't that great, obviously.

Your red/gray variation looks great.
 
Im still adding to my site but here it is after about a week of playing both on the test site and the newly renovated main site.

Mappers United

The site caters to those gamers of Call of Duty and most of the versions from that franchise. The site really centers around those individuals who spend hundreds of hours designing and producing new maps for the PC version of the game. We also currently host to game servers for those who want to play online.

I stayed with the default colors and my members seem to have really hit it off with that. Im using a lot of modules and blocks for content including XenPorta, Carta and Medio.

Feedback is encouraged. I have more to add yet but it is a start.

The only drawback at this time is that much of the content is unavailable to visitors.
frown.png
Yes, there is a reason.
 
SteveL said:
The only drawback at this time is that much of the content is unavailable to visitors. :( Yes, there is a reason.
Click to expand...
If it's possible, perhaps you should make XenPorta disabled for visitors as well, since it'll probably show without any content to them, as Steven noted.
EDIT: No, wait; it's because of the double-sidebar issue--it looks like the top of the mod is pushed above the left sidebar.

Looks good, though--I like how the logo works well with the default theme. Well done! :D
 
@Shelly
I really like that with the red in the bubbles. I'm showing that screenshot to my graphics guy to see what he thinks :)

@all
As for the site being down....leave it to HostDime datacenter to go down a few minutes after you launch pre-registration for a project lol. They had some sort of power issues or something but all should be resolved now.

Also glad to hear you like the slogan ;) It truly describes what BoxSelect is going to be ;)
 
Status
Not open for further replies.

Similar threads

webbouk
Show us your Footer
Replies
17
Views
856
webbouk
webbouk
karrott
  • Locked
Show us your XF
34 35 36
Replies
706
Views
64K
Dean
Dean
Top Bottom