Staredit Network > Forums > Null > Topic: Looking for Website Critiques
Looking for Website Critiques
Apr 9 2011, 6:50 am
By: Fire_Kame
Pages: < 1 2 3 >
 

Apr 27 2011, 9:01 pm Fire_Kame Post #21

wth is starcraft

Teach me mighty one :awesome: I'm very flexible. The only reason I changed the image in the first place was because I want to add content, and it was pretty much impossible to read.




Apr 27 2011, 9:23 pm DevliN Post #22

Woah

I learned by looking up tutorials and guides based on what I wanted to accomplish.

In your case, you would create a <div> for your content (everything in the white) with a white background, pink border (size 3 pixels or whatever), rounded edges, and positioned in the center of the window. Then create a <div> for the logo and links. You can include the background images by positioning them in the content <div> as well.



:devlin: Currently Working On: :devlin:
Myself

Apr 27 2011, 9:32 pm Fire_Kame Post #23

wth is starcraft

Okay. I'll check it out. At the very least, I'll be able to work on it after I graduate. :\

I was looking up a few CSS tutorials to do just that but I never found anything. I'm not really sure I know what I'm supposed to be looking for.




Apr 27 2011, 9:40 pm DevliN Post #24

Woah

If I have some time, I can do a simple mockup of it for you to use and expand upon. The site layout is simple enough to accomplish with a relatively small amount of code.



:devlin: Currently Working On: :devlin:
Myself

Apr 27 2011, 10:19 pm Fire_Kame Post #25

wth is starcraft

Hey, I'd always appreciate some help if you're willing to offer it. :) I'm just unfamiliar with the code.




May 1 2011, 7:37 pm Fire_Kame Post #26

wth is starcraft

So that I could do the hover over stuff I put in:

<div align="center"><br><div style='background-image:url('pinknormal.png'); width:100px; height:34px;'>About</div><div style='background-image:url('pinknormal.png');width:100px;height:34px;'>Blog</div><div style='background-image:url('pinknormal.png'); width:100px; height:34px;'>Home</div><div style='background-image:url('pinknormal.png');width:100px;height:34px;'>Shop</div><div style='background-image:url('pinknormal.png');width:100px;height:34px;'>More</div></div>

But everything is stacked up and down, its no longer horizontal. What do?




May 1 2011, 7:58 pm DevliN Post #27

Woah

Make the links 1 image, rather than text over a background like you had before. You can then put them in a horizontal table with 5 columns, and put that table in a div. Using CSS, you would then center that div and whatnot.



:devlin: Currently Working On: :devlin:
Myself

May 1 2011, 8:49 pm Fire_Kame Post #28

wth is starcraft

This is about where my understanding of HTML and CSS stops. I'm going to try setting up a table, which I know, but I'm not nearly as familiar with CSS, nor am I familiar with the link between HTML and CSS...but thanks for the help. xD




May 3 2011, 9:00 pm DevliN Post #29

Woah

I don't have time now to go into detail, but essentially start with this HTML:

<div id="header">
<center><IMG src="banner3.png"></center>
</div>

<div id="navbar">
<center><a href="about.html"><img src="images/about.png" /></a> <a href="blog.html"><img src="images/blog.png" /></a> <a href="index.html"><img src="images/home.png" /></a> <a href="shop.html"><img src="images/shop.png" /></a> <a href="more.html"><img src="images/more.png" /></a></center>
</div>


Then include the following in your <head> </head> section:

<style type="text/css">
#header {
position:absolute;
width:100%;
top:20px;
height:80px;
z-index:1;
}

#navbar {
position:absolute;
width:100%;
top:100px;
height:150PX;
z-index:1;
}
</style>


That should take care of your header issue. You'll also need a <div> for the content, but I can explain that later.

EDIT:
I forgot to mention that you would need to change the images and links in that part of the html code, but all the CSS should be accurate to what you have currently.

Post has been edited 1 time(s), last time on May 3 2011, 9:38 pm by DevliN.



:devlin: Currently Working On: :devlin:
Myself

May 3 2011, 9:19 pm Centreri Post #30

Relatively ancient and inactive

WIMMENS AND CODES DON'T MIX.



None.

Jul 6 2011, 7:50 pm Fire_Kame Post #31

wth is starcraft

kay so just for a quick update before I go to work I was working on my website again today, and I'm trying to change the layout. Right now I'm having issues with putting the nav bar at the top of the page, and I don't know if that's a Weebly thing or if that's a coding issue. :\ you can choose what pages to make visible in the navigator bar under a different tab. In the other layout I hid all of it and just linked the graphics myself. Anyways, as you can see, my nav tabs are in the middle of the left side of the tab. I want to make the nav bar the width of the page and at the top of the website, with it scrolling in position as you go up or down (which currently, this last thing it is doing).

Here is screenshot:


That white box with a red border was intentional, because I wanted to be able to see what I was doing.

And here's my code so far.



So yes. Don't know what happened. There's still a lot to do, like change the fonts and colors of the text.

Post has been edited 1 time(s), last time on Aug 17 2014, 8:42 pm by Fire_Kame.




Jul 6 2011, 8:03 pm CecilSunkure Post #32



Quote from Centreri
WIMMENS AND CODES DON'T MIX.
rofl

@kame You could ask DJC for help with CSS/HTML o.o



None.

Jul 6 2011, 9:38 pm Lanthanide Post #33



Quote from Centreri
WIMMENS AND CODES DON'T MIX.
In most software companies, there will be more men with the same name than women in the team (eg 4 steves and 3 women).



None.

Jul 6 2011, 10:31 pm Riney Post #34

Thigh high affectionado

Quote from Fire_Kame
Teach me mighty one :awesome: I'm very flexible. The only reason I changed the image in the first place was because I want to add content, and it was pretty much impossible to read.

Quote from Fire_Kame
Teach me mighty one :awesome: I'm very flexible.

Quote from Fire_Kame
I'm very flexible.

Cant believe I missed this. Thats what she said.

Needs moar turtles



.riney on Discord.
Riney on Steam (Steam)
@RineyCat on Twitter

Sure I didn't pop off on SCBW like I wanted to, but I won VRChat. Map maker for life.

Jul 6 2011, 10:52 pm Centreri Post #35

Relatively ancient and inactive

I forgot if we went over this or not, but use a damn CMS instead. My brother made a very nice study-guide website using Joomla for his high school. You can do it too! There are a ton of options, and they are all easier to customize than coding your own. Plus, blue underlined text links are SO web 1.0.



None.

Jul 7 2011, 12:36 am The Starport Post #36



ur mom was SO web 1.0



None.

Jul 7 2011, 1:32 am Oh_Man Post #37

Find Me On Discord (Brood War UMS Community & Staredit Network)

Needs more flash. Way more flash.




Jul 7 2011, 2:31 am MadZombie Post #38



Needs more accordian javascript



None.

Jul 7 2011, 2:47 am Azrael Post #39



I know nothing about coding or website design, but the site is aesthetically pleasing.

Something I am knowledgeable in is writing, specifically regarding the usage of words. I'll send you a PM with a few recommendations along those lines, and you can do with it as you see fit ^^

Edit: Actually, you are out of PM space. I'll save the message, if you'd like it via PM then you can delete some messages, or alternatively I can post it in the thread.

Post has been edited 1 time(s), last time on Jul 7 2011, 4:37 am by Azrael.Wrath.




Jul 7 2011, 5:17 am Fire_Kame Post #40

wth is starcraft

I AM SO FRUSTRATED. FIX MY PROBLEMS QQ WHY YOU TROLL INSTEAD. I said I still needed to change the fonts. Honestly I kinda hate mixing serif fonts, and copperlight is what I use for the name of the company elsewhere, so to start with I want to change most of the font to arial.

Also Azrael is it alright if you just email me? I really kinda hate PMs. >.<

Post has been edited 1 time(s), last time on Aug 17 2014, 8:42 pm by Fire_Kame.




Options
Pages: < 1 2 3 >
  Back to forum
Please log in to reply to this topic or to report it.
Members in this topic: None.
[04:05 pm]
NudeRaider -- DarkenedFantasies
DarkenedFantasies shouted: you eat lots of beans
:lol:
[11:30 am]
NudeRaider -- I would like 3000 minerals, please
[2026-4-16. : 7:32 pm]
Zoan -- I got $2000 bonus. I would like 2000 minerals, please
[2026-4-16. : 4:15 am]
DarkenedFantasies -- you eat lots of beans
[2026-4-16. : 3:46 am]
IskatuMesk -- how do i get gas
[2026-4-15. : 11:43 pm]
Moose -- you don't
[2026-4-15. : 10:06 pm]
Zoan -- how do i get minerals
[2026-4-14. : 11:45 pm]
ClansAreForGays -- Anyone wanna played Skewed StarCraft?
[2026-4-14. : 12:07 am]
Vrael -- NudeRaider
NudeRaider shouted: Vrael ranting still is though
you're a gentleman and a scholar, thank you
[2026-4-13. : 10:07 pm]
NudeRaider -- ya why phone people when you can just write letters
Please log in to shout.


Members Online: DarkenedFantasies, Ultraviolet