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 October 8th 2014, 4:57 pm

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 October 10th 2014, 1:51 am; 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 October 8th 2014, 5:15 pm

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 October 8th 2014, 5:17 pm

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 October 8th 2014, 5:32 pm

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 October 8th 2014, 5:33 pm

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 October 8th 2014, 5:35 pm

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 October 8th 2014, 5:37 pm

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 October 8th 2014, 5:41 pm

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 October 8th 2014, 5:56 pm

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 October 8th 2014, 5:57 pm

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 October 8th 2014, 6:20 pm

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 October 9th 2014, 1:18 am

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 October 9th 2014, 1:25 am

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 October 9th 2014, 1:45 am

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 October 9th 2014, 1:53 am

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 October 9th 2014, 2:05 am

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 October 9th 2014, 2:13 am

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 October 9th 2014, 2:43 am

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 October 9th 2014, 2:45 am

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 October 9th 2014, 3:02 am

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 October 9th 2014, 4:24 am

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 October 9th 2014, 4:47 am

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 October 9th 2014, 5:55 am

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

homepage problem Homepa11


Last edited by darkgoku on October 9th 2014, 6:39 am; 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 October 9th 2014, 6:04 am

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 October 9th 2014, 6:26 am

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 : 51569
Reputation : 3525
Language : English
Location : United States

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

Back to top Go down

Solved Re: homepage problem

Post by darkgoku October 9th 2014, 6:39 am

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 October 9th 2014, 3:34 pm

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 October 10th 2014, 1:43 am

well thnx
darkgoku
darkgoku
Forumember

Posts : 326
Reputation : 3
Language : English

Back to top Go down

Solved Re: homepage problem

Post by Ange Tuteur October 10th 2014, 2:29 am

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


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