Help Create This?

[Abronsyth]

Hey guys, I'm not good enough at CSS to properly code how I want this layout for my site to look. I have an image of what I want it to look like (without all the images I plant on it having), but I need help with placing things, in the CSS and HTML portion of the theme.
See:

All the colors and such I can do on my own just fine, but I don't know how to place everything properly.

Also, does anyone know how to make drop down menus? So that the mouse can hover over say..."Explore" and then it drops down (on hover) to show say...like this:
[Explore]
{North}
{East}
{Central}
{West}
{South}

In [brackets] is the main button, and {} is the buttons you see when hovering over [].

So, anyone who can help me?​

 

[Tequila]

I may be able to pull it off. :3 I've only one question, what type of drop down are you after? A CSS one like these: http://purecssmenu.com/ or http://cssmenumaker.com/drop_down_css_menu.php or a HTML based one like these: http://www.dolliecrave.com/myspace-drop-down-menu.shtml?

 

[Abronsyth]

A CSS one, not HTML.

And, oh my gosh, if you can, then you shall be named "Nyxi, supreme goddess of CSS".

 

[Tequila]

A CSS one, not HTML.

And, oh my gosh, if you can, then you shall be named "Nyxi, supreme goddess of CSS".

I think I've been called that before. :3 I may be able to get around to it tomorrow, I can skip FNM one more week. :3

 

[Abronsyth]

Well then, "Nyxi, supreme goddess empress of all things CSS"

And thanks, you're knowledge of CSS is quite a bit larger than my own XD

 

[Tequila]

:3 A little bit of play so far. :3 No colors other than the junky ones.
http://prntscr.com/3m0u6

Would you like different fonts? I'm using this as a reference, and this for colors. :3

Also, would you like the hovers like this:
http://tinypic.com/m/f4eo28/4

 

[Abronsyth]

Looks very nice so far! And the colors I can alter just fine, so no need to worry about those too much. Fonts all seems good, as well!

As for the hover, not quite, I'd prefer they go down vertically, not horizontally.

Thanks!
Iris

 

[Tequila]

Vertical it is. :3

I'll get this finished up quickly. :3

 

[Abronsyth]

Thankees <3

 

[ChibiMaestro]

Herp.
Upload this file (attached) to your "templates" folder and set the theme for the site to "chibiarchurub" :3

Change as you wish (esp colours, but the default colours are blue :3)

I was working on this for a while lol, it SHALL HELP IMPROVE MY CSS SKILLS >:3

And I notice Nyxi was working on it o-o Sorry if I stole your job, but I wanted to do it too o-o. I'd also like to see what your outcome looks like

EDIT: Preview: http://img812.imageshack.us/img812/5868/chibiarchurubpreview.png

 

[SilverDragonTears]

That's nice and clean Chibi!! Love it!

 

[ChibiMaestro]

Lol thanks :3

I might start doing requests since I do have the time and it'll help with my CSS XD

 

[Tequila]

Since I've finally gotten time, here's mine as well. :3

Colors are just random, fix as needed. :3
Also comes with a read me of sorts:

You'll need to edit a portion of your inc/functions.php file to get the sidebar to display properly. :3

Copy & Paste this part into your functions file:

// Edit of functions by tequila

function getsidebar() {

	//This function determines what shows in the side bar of the template

	$isloggedin = $GLOBALS['isloggedin'];

	$loggedinname = $GLOBALS['loggedinname'];

	if($isloggedin == "yes") {

		$msgctr = "<a href='messages.php'>Archive</a>";

		$query = "SELECT * FROM ".$GLOBALS['prefix']."messages WHERE touser='".$loggedinname."' and status='unread'";

		$result = runquery($query);

		$num = mysql_num_rows($result);

		if($num > 0) {

		$msgctr = "<a href='messages.php'>Scrolls <b>(".$num.")</b></a>";

		}

// Feel free to keep this url for coins if you use them
// otherwise reset to whatever you would like.
// For now the money links to the account page.

		$sidebar = "
		<a href='profile.php?user='{$row['username']}'>{$row['username']}</a>
<a href="account.php">{$GLOBALS['money']}<img src='http://i42.tinypic.com/1zwp1mf.jpg' border='0'></a>
		<a href='myadopts.php'>My Adopts</a>
		<a href='inventory.php'>Inventory</a>
		".$msgctr."
		<a href='logout.php'>Log Out</a>";



           $query = "SELECT * FROM ".$GLOBALS['prefix']."users WHERE username='".$loggedinname."' and usergroup='1'";

		   $result = runquery($query);

           $usercancp = mysql_num_rows($result);



		if($usercancp  != 0) {

			$sidebar .= "<li><a href='admin.php'>Admin Center</a></li><br />";

		}



        $query1 = runquery("SELECT * FROM ".$GLOBALS['prefix']."online WHERE username != 'Visitor'");

        $total1 = mysql_num_rows($query1);

        $query2 = runquery("SELECT * FROM ".$GLOBALS['prefix']."online WHERE username = 'Visitor'");

        $total2 = mysql_num_rows($query2);

			

		$sidebar .= "</ul>";

	}

	else {

		$sidebar = "<b><u>Member Login:</u></b><br />

		<form name='form1' method='post' action='login.php'>

		  <p>Username: 

			<input name='username' type='text' id='username'>

		</p>

		  <p>Password: 

			<input name='password' type='password' id='password'>

		</p>

		  <p>

			<input type='submit' name='Submit' value='Log In'>

		  </p>

		</form>Don't have an account?<br /><a href='register.php'>Register Free</a><br /><a href='forgotpass.php'>Forgot Password?</a>";

        $query1 = runquery("SELECT * FROM ".$GLOBALS['prefix']."online WHERE username != 'Visitor'");

        $total1 = mysql_num_rows($query1);

        $query2 = runquery("SELECT * FROM ".$GLOBALS['prefix']."online WHERE username = 'Visitor'");

        $total2 = mysql_num_rows($query2);

		$sidebar .= "";



	}

	return $sidebar;


// End of sidebar portion.

Don't forget to edit the line in the header to tell where the css file is located. :3

Enjoy after changing colors to suit. :3

tequila ;3

Nicely done chibi. :3 Did you have problems with the drop down html?

 

[ChibiMaestro]

Wow :3 Yours look sooo cool 8D Lolol, very different to mine (lol, I just basically copied everything that Iris/Pero said to do and didn't change anything )

And I didn't change anything to do with the PHP (too confusing XD).

And yeah, I did actually. But what I did to make it easier for me was to make the menu first, then fit it into the theme, so then I'd know the menu would work XD

 

[Abronsyth]

Afgk, *glomps Chibi*

Erm...why won't it install properly?! Let's see, I added the file under public_html/templates/chibiarchurub

Now, I go to install the theme, and put in template/chibiarchurub....and it always says this:

Warning: file_get_contents(templates/templates/chibiarchurub/template.html) [function.file-get-contents]: failed to open stream: No such file or directory in /home/archurub/public_html/inc/functions.php on line 1684

Any ideas?

Ahhhhhhhhh, guys, stop editing your posts D: Iris/Pero can not keep up with you! And, thank you both so, so, so, so very much!
Never mind, you didn't edit your posts, you just posted more XD I feel so slow...but seriously, why's it not working to install? I had this happen before, but I don't remember how I fixed it.

 

[ChibiMaestro]

Okay, when you add a theme fill it like this:

Theme Name: chibiarchurub
Theme URL: chibiarchurub

Try that

EDIT: Now I'm editing, because I don't want to double-post. Anyway, if you can't access the ACP because of that error to add the theme, go here: http://archurub.com/changestyle.php?theme=elements

 

[Abronsyth]

"The theme you are trying to install cannot be found on this server at the specified URL. Please go back and double check that the path to the theme's HTML file is correct. If you uploaded the theme and you are sure the URL is correct please make sure your web host does not have PHP's safe_mode configuration enabled as this can interfere with using or locating themes."

Perhaps the web host has safe_mode configuration enabled? In which case, I'm not sure how to disable that..?