Author Topic: spookysushi.com - Taking suggestions for new pages  (Read 5726 times)

you should probably use an open sans font for normal text

something like <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
I will fix this later, but thanks for the suggestion.



Okay, I'm kinda in a loop with the light-blue toolbar thing. The shape is fine, but getting the buttons into the shape (the toolbar) isn't. Here is my current code, and you can see it in action here. Please notice that the part of the toolbar that is supposed to be a button is overlapping with the white stuff by one pixel and it is as annoying as hell. I'm probably going to scrape the class "toolbtn" (the one that is causes problem, stands for toolbar button) and do stuff. Putting in plain hrefs isn't working since they're all clumped together, when I want them (toolbar buttons) to be evenly spaced from eachother.

sorry if this rant doesn't even make sense
code:
http://hastebin.com/rajadukulu.xml
« Last Edit: February 22, 2014, 11:13:06 PM by Johnny Blockhead »

another thing you can do is just put large dumps of code like that on http://hastebin.com which will highlight syntax accordingly when you save the paste

another thing you can do is just put large dumps of code like that on http://hastebin.com which will highlight syntax accordingly when you save the paste
Okay, I replaced the large amount of code with a hastebin link.

Okay, to make it clearer.

I want to add buttons to the toolbar, but how would I make them evenly spaced from eachother?

You can use &nbsp which will make a space between them

i did it the lazy way when i made a line of links and basically just did

<a href="http://example.com/link1">Link 1</a> | <a href="http://example.com/link2">Link 2</a> and so on, you get the point

I tried some stuff, but the text won't center.
You can look into the code, a bit tired to explain.
New code in action: http://spookysushi.com/experiment/
New link to code: http://hastebin.com/lahaqofodo.xml

1337th view
« Last Edit: February 23, 2014, 12:44:01 AM by Johnny Blockhead »

uhh, couldn't you just use <center> tags in the toolbar div

uhh, couldn't you just use <center> tags in the toolbar div
Thanks.
I'm getting tired, not really thinking clearly.
Goodnight everyone

Thanks.
I'm getting tired, not really thinking clearly.
Goodnight everyone

I do some of my finest web pages while completely exhausted.

I found out how to create my own error page.
I'm not going to create it until later on, though.

I'm making the contacts page, you can see it in the works on the testing link in the toolbar.

I can't seem to center the twitter thing, and to also get the <a> tag that leads to my steam profile to follow the properties I defined in .linked
http://spookysushi.com/experiment
http://hastebin.com/qusikiruqo.xml
« Last Edit: February 23, 2014, 11:18:28 AM by Johnny Blockhead »

Instead of going to experiment, go here:
http://spookysushi.com/contacts
I got the <a> tag to change color, now how do I get rid of the underline? (without getting rid of color)
Edit: nevermind

.linked { text-decoration: none; }

I still can't center the twatter box :(
« Last Edit: February 23, 2014, 11:39:45 AM by Johnny Blockhead »

margin: 0 auto; on the twitter box.

« Last Edit: February 23, 2014, 01:55:29 PM by Johnny Blockhead »

Oh, add display: block; to the iframe too.

Now that that page is done, I'm going to take suggestions on what to add.
I'm probably going to make an add-ons page for things I make.
Nonetheless, suggestions are more than welcome.