eLeMenT
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Html and css code of the server tab

2 posters

Page 1 of 2 1, 2  Next

Go down

Html and css code of the server tab Empty Html and css code of the server tab

Post by vega Wed Oct 23 2013, 10:13

So one of the many problems for me is the position of the irc chat and the server logo thingy. I would love them to be nicer locaded but i have no idea how.

the code i'm using for those now is:

Code:
<center>
<iframe src="http://webchat.quakenet.org/?channels=element.nexuiz%2Celement.ctf" width="647" height="400"></iframe>

<a href="http://dpmaster.deathmask.net/?game=nexuiz&server=84.200.241.49:27000" target="_gnnnfigte"><img src="http://g-factory.de/status.php?op=gs&ids=1316&ds=design1-3" height="325"></a>
</center>
So both are centered and the page stops where the table of irc stops. I would prefer to add something like a bit of space and also a home button maybe (anybody an idea how?).

So to make clear: how to i locate the irc table and server thing better and how do i add some more space below those and add a home button there.

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 10:19

So the home button on the bottom of the page isn't that hard it seems, i used this code:

Code:
<a href="http://element-nex.forumotion.com/" onClick="history.go(-1);return true;">Home</a>
But how do i style that button in particilar with css? because it would be fun if it was just a little picture of a house?

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 10:58

What is irc chat?

You can use tag
Code:
<br />
for space.

Lot of br tags give lot of space.
Code:
<br /><br /><br />
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 11:04

vega wrote:So the home button on the bottom of the page isn't that hard it seems, i used this code:

Code:
<a href="http://element-nex.forumotion.com/" onClick="history.go(-1);return true;">Home</a>
But how do i style that button in particilar with css? because it would be fun if it was just a little picture of a house?

vega
I don't really know what you think...
Try this if you want just image


Code:
<a href="http://element-nex.forumotion.com/" onClick="history.go(-1);return true;"><img src="IMAGE URL HERE" /> Home</a>
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 11:14

Zyon wrote:
I don't really know what you think...
Try this if you want just image


Code:
<a href="http://element-nex.forumotion.com/" onClick="history.go(-1);return true;"><img src="IMAGE URL HERE" /> Home</a>
Thanks! But how do i resize the image then? with width and height?

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 11:15

Zyon wrote:What is irc chat?

You can use tag
Code:
<br />
for space.

Lot of br tags give lot of space.
Code:
<br /><br /><br />
Thanks this worked:
Code:
<br />
Irc chat euhm thats kinda a chat that can be linked to a gaming server i'd say but you can also just use it to chat without having a server.

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 11:34

Code:
<img src="IMAGE URL HERE" width="10px" height="10px" />
Try that code. Just change 10px with size vhat you want.

And you can add alt:
Code:
<img src="IMAGE URL HERE" alt="Home page" width="10px" height="10px" />
You can do more thanjust that, if you want, i can write. Example try to add in that code
Code:
title="Home page"
than when you get mouse on image you will get window with text Home page...
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 14:10

Zyon wrote:
And you can add alt:
Code:
<img src="IMAGE URL HERE" alt="Home page" width="10px" height="10px" />
You can do more thanjust that, if you want, i can write. Example try to add in that code
Code:
title="Home page"
than when you get mouse on image you will get window with text Home page...
whats the difference between alt and:
Code:
title="Home page"
i didn't try it yet but i dont really understand the difference.

about the resizing, thanks again Very Happy

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 14:30

alt you can't see. It is if your borowser can't open, or for some other reason don't open picture it will display text of alt in place of image.

Title is when you go with mouse on picture you will get that text what is in title. Title isn't displayed if borowser can't display image.
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 15:37

Hey, can you give me css of your forum? and I will try to make like that for html pages.
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 15:43

The css i use for the html page?

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 15:52

No, colors of background, and if you have something what can help for html page.
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 15:53

aw well that isn't done in the css stylesheet its just colors i choose

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 16:16

Ok, then just that color... I just want try make it like forum. If you want, you choose. You can just make screenshot Smile

If you don't want, you don't need.
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 16:17

You only want to know the blue background color?

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 16:21

And this gray colors. I want need that html color. It isn't normall blue color.
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 16:22

Html and css code of the server tab Naamlo10

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 16:27

Thanks.
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 16:28

You can see what I doing here: Link
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 16:37

oh ok Smile btw do you know why the top logo changes position when i change tabs?

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 17:18

To me position is same.

Because all is different page. It isn't one page to stay same.
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 17:20

Yes i know but on all the other pages the position is the same.

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Zyon Wed Oct 23 2013, 17:40

You are change size of logo. Try see on link. There is original size, you have bigger. Maybe it is.

You can on that page click ctrl+u and copy code, if you want. I will work more if you want. But tommorow. Smile
Zyon
Zyon


Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 17:44

It looks great to me! what else is there to work on? Very Happy could you maybe post the code you used?

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by vega Wed Oct 23 2013, 17:45

btw could you also refer to me on your site? because now it looks like its only your project :$

vega
vega
vega
Admin
Admin


https://element-nex.forumotion.com/

Back to top Go down

Html and css code of the server tab Empty Re: Html and css code of the server tab

Post by Sponsored content


Sponsored content


Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

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