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.

[Help]Involving Loading Screen.

5 posters

Go down

In progress [Help]Involving Loading Screen.

Post by cHaSwWind04 26/3/2013, 22:52

I'm planning on making a loading screen for a forum and I don't know what to do.
And also, I want to make it just as like this.
https://i.servimg.com/u/f75/15/88/52/40/54315011.jpg
Here's a little explanation
I want to make a bar like that... you know... the grey area in the yellow and red boxes.
Also the yellow and red boxes are clickables that will make you go to the link provided there
but between them is a space, which is not clickable and I don't know how to make it.
The blue box is just a giant image and I know how to do that.

My problems are
-To make a bar like that grey one
-To have images in the bar which is clickable
-How to modify the photos into the visitor's resolution.

Sorry for my crappy explanation... I'm bad at explaining things...
cHaSwWind04
cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by Sir Chivas™ 27/3/2013, 00:43

Hi,

I understand. Can you please provide the image you want to use? Thank you

Regard,
Sir Chivas. afro


He used images in order to make the header, (navigation bar). The images will be shown below:
Code:
<div id="leftimage"><img src="http://grandchase.levelupgames.ph/gc/images/gc_01.jpg" alt="" width="264" height="45" border="0"></div>
Code:
<div id="rightimage"><img src="http://grandchase.levelupgames.ph/gc/images/gc_04.gif" alt="" width="295" height="45" border="0"></div>
Code:
<td background="http://grandchase.levelupgames.ph/gc/images/gc_02.gif" width="100%" height="45" alt=""></td>

CSS:
Code:
td[Attributes Style] {
background-image: url(http://grandchase.levelupgames.ph/gc/images/gc_02.gif);
width: 100%;
height: 45px;
}

Code:
.leftimg[Attributes Style] {
width: 264px;
height: 45px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}

Code:
.rightimg[Attributes Style] {
width: 295px;
height: 45px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 27/3/2013, 03:54

I can't really take the bar code... T_T
cHaSwWind04
cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 28/3/2013, 14:14

Bump
cHaSwWind04
cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 29/3/2013, 14:36

I just got an idea...
How to put a CSS code to an HTML lan...
I recall it involves <style>
cHaSwWind04
cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by Jophy 30/3/2013, 06:29

It should be enclosed in head and style tags:
Code:
<head>
<style>

CSS HERE

</style>
</head>
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 30/3/2013, 22:21

Tested and not working...
I hate that
cHaSwWind04
cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by Jophy 31/3/2013, 07:50

The code should be complete, can you post the code here?
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 9/4/2013, 11:21

Garbage this... But I'll PM you if I return on working on this code.
cHaSwWind04
cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by ShadowZ-Red 9/4/2013, 11:37

cHaSwWind04 wrote:Garbage this... But I'll PM you if I return on working on this code.

Do you Mean
Like this You want

Try go to this Forum

If thats The One You Like
http://blood-line.forumtl.com
ShadowZ-Red
ShadowZ-Red
Forumember

Posts : 86
Reputation : 2
Language : English,Tagalog

http://blood-line.forumtl.com

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by SLGray 9/4/2013, 11:40

cHaSwWind04 wrote:Garbage this... But I'll PM you if I return on working on this code.
Garbaged As Requested


[Help]Involving Loading Screen. 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 : 51489
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Back to top

- Similar topics

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