The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

[Help]Involving Loading Screen.

View previous topic View next topic Go down

In progress [Help]Involving Loading Screen.

Post by cHaSwWind04 on March 27th 2013, 4:52 am

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://i75.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
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™ on March 27th 2013, 6:43 am

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;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 on March 27th 2013, 9:54 am

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

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 on March 28th 2013, 8:14 pm

Bump

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 on March 29th 2013, 8:36 pm

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

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 on March 30th 2013, 12:29 pm

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

CSS HERE

</style>
</head>

Jophy
ForumGuru

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

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 on March 31st 2013, 5:21 am

Tested and not working...
I hate that

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 on March 31st 2013, 2:50 pm

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

Jophy
ForumGuru

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

Back to top Go down

In progress Re: [Help]Involving Loading Screen.

Post by cHaSwWind04 on April 9th 2013, 6:21 pm

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

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 on April 9th 2013, 6:37 pm

@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
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 on April 9th 2013, 6:40 pm

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


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


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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