The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

homepage problem

3 posters

Go down

Solved homepage problem

Post by darkgoku Wed 8 Oct - 14:57

imma making a homepage for the forum im admin on and i wanna know if its possible for me to link a css file with html file


Last edited by darkgoku on Thu 9 Oct - 23:51; edited 1 time in total
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Wed 8 Oct - 15:15

Hello darkgoku,

Wherever HTML formats you can write :
Code:
<link rel="stylesheet" href="stylesheet_ref" type="text/css">

Replace stylesheet_ref by your external sheet.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Wed 8 Oct - 15:17

can u give me and example of this working
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Wed 8 Oct - 15:32

It wont work unless you link to your external stylesheet..

If you don't have an external sheet to link to, then you can write an inline sheet :
Code:
<style type="text/css">
/* Style rules */
</style>

Again, it can go anywhere HTML formats.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Wed 8 Oct - 15:33

but how would i edit the css or add one
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Wed 8 Oct - 15:35

You would add your rule to the inline sheet :
Code:
<style type="text/css">
/* Style rules */
.selector { color:red }
.styleSomething {
  background:yellow;
  font-style:italic;
  color:blue;
}
</style>
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Wed 8 Oct - 15:37

i;; try this when i get home and ill update this if it doesnt work for me
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Wed 8 Oct - 15:41

how do i make like a border around a word like forum or portal
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Wed 8 Oct - 15:56

Create an element :
Code:
<span></span>

add some text to that element :
Code:
<span>My texte</span>

add a class to the element :
Code:
<span class="myElement">My texte</span>

add a CSS rule to your inline sheet :
Code:
.myElement { border:1px solid #f00 }
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Wed 8 Oct - 15:57

thank you this helped alot
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Wed 8 Oct - 16:20

You're welcome.

Is this solved ?
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Wed 8 Oct - 23:18

um what do i put for the element
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Wed 8 Oct - 23:25

Here's a list of HTML tags(or elements) that you can use :
http://www.w3schools.com/tags/default.asp

It can be like the tag in my example. <span> is inline and doesn't mess the layout up, unless you make major changes in the CSS.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Wed 8 Oct - 23:45

do i put the inline style sheet inside the html code or somewhere else
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Wed 8 Oct - 23:53

Yes, you can place the inline style where you're writing HTML. Make sure that it is before all your elements that you're styling. This ensures that the style is ready before the HTML elements.

Example :
Code:
<style type="text/css">
.redText { color:red; }
</style>
Apples are <span class="redText">red</span>.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 0:05

is it possible if i give u the code i have can u put a  inline sheet in it then send it back and ill edit it
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Thu 9 Oct - 0:13

Post it here, or send it by PM. Whatever you're more comfortable with.. Wink
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 0:43

how do i make a text goto a link with the code u gave as a example
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Thu 9 Oct - 0:45

You can use the anchor tag : <a>
http://www.w3schools.com/tags/tag_a.asp

example :
Code:
<a href="/forum">Forum</a>

The above word links to the forum. href being the URL which the user is referred to, and "Forum" being the textual content.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 1:02

how do i put a link with t <a> and <span> on the same line
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Thu 9 Oct - 2:24

You can place tags inside tags, for example :
Code:
<a href="/forum">
  <span>
    My text
  </span>
</a>

Minified :
Code:
<a href="/forum"><span>My text</span></a>

This website does have a tutorial on HTML for beginners, if you haven't read it yet. It will explain all that you need to know : http://www.w3schools.com/html/
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 2:47

how would i make the navbars like this http://www.forumotionpromotion.com/ the home and other buttons can u send me a code like that
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 3:55

how do i make home,forum,updates under thepicture at the top and in the center

homepage problem Homepa11


Last edited by darkgoku on Thu 9 Oct - 4:39; edited 1 time in total
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 4:04

how do i make home,forum,updates under thepicture at the top and in the center
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by SLGray Thu 9 Oct - 4:26

Please use the edit button.


homepage problem Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51554
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 4:39

i edited it can u plz remove the double post
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Thu 9 Oct - 13:34

darkgoku wrote:how do i make home,forum,updates under thepicture at the top and in the center
It needs to be after the image in the document. You can use either a break <br> or <div> tag to add elements onto a new line. If you're using a <div> tag you can add the text-align property to it to align the content within.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: homepage problem

Post by darkgoku Thu 9 Oct - 23:43

well thnx
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur Fri 10 Oct - 0:29

You're welcome Smile

Topic archived
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum