News:

Create A Forum Installed

Author Topic: Code Question  (Read 2689 times)

0 Members and 1 Guest are viewing this topic.

Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Code Question
« on: September 03, 2011, 05:24:28 pm »
Hello everybody,

I have got two questions I really need an answer on.

1 - Is there a possibility to add an Icon next to 'Your forum - Index' ?? If so, how ?

2 - I want to have this image :





And next to the Hourglasses I want a changeable Number. Is there a code for this ? Or how do I do so ?

Thanks in advance.
« Last Edit: September 04, 2011, 03:28:46 pm by Samuel IceWind »


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

Share on Facebook Share on Twitter


Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Re: Code Question
« Reply #1 on: September 08, 2011, 04:30:02 pm »
Nobody has an idea ?


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

Offline simply sibyl

  • Full Member
  • ***
  • Posts: 189
  • Karma: 35
    • View Profile

Badges: (View All)
Level 4 Windows User Topic Starter
Re: Code Question
« Reply #2 on: September 08, 2011, 04:49:42 pm »
Hello everybody,

I have got two questions I really need an answer on.

1 - Is there a possibility to add an Icon next to 'Your forum - Index' ?? If so, how ?

2 - I want to have this image :





And next to the Hourglasses I want a changeable Number. Is there a code for this ? Or how do I do so ?

Thanks in advance.

Im not exactly sure what you are asking for #1 -  exactly where do you mean?

#2 I dont know of a way to do that   

Also - where the Forum name normally is at the top left you have a redx - I checked your source code and can see you tried using bbcode in the logo image url box -  cannot do that.   To put an image there you need to put only the direct url to the image which would be:  http://img847.imageshack.us/img847/8907/indexiy.jpg   No other code - ONLY the direct url will work.

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Re: Code Question
« Reply #3 on: September 08, 2011, 11:00:02 pm »
Why not just put hourglasses separately so you can put the numbers in between them
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Re: Code Question
« Reply #4 on: September 18, 2011, 11:13:31 am »
Hello everybody,

I have got two questions I really need an answer on.

1 - Is there a possibility to add an Icon next to 'Your forum - Index' ?? If so, how ?

2 - I want to have this image :





And next to the Hourglasses I want a changeable Number. Is there a code for this ? Or how do I do so ?

Thanks in advance.

Im not exactly sure what you are asking for #1 -  exactly where do you mean?

#2 I dont know of a way to do that   

Also - where the Forum name normally is at the top left you have a redx - I checked your source code and can see you tried using bbcode in the logo image url box -  cannot do that.   To put an image there you need to put only the direct url to the image which would be:  http://img847.imageshack.us/img847/8907/indexiy.jpg   No other code - ONLY the direct url will work.

Well I want to have changeable numbers between the hourglasses...
And I didn't get the thing from the url box, can you provide me more info on that ?

Why not just put hourglasses separately so you can put the numbers in between them
That could be an idea, but sorry for my unexperience : How to do so ??

Thanks in advance.


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Re: Code Question
« Reply #5 on: September 18, 2011, 04:11:03 pm »
You cut the image into separate images, 1 for each hour glass. Now go to your headers and footers and place this in your headers:
Code: [Select]
<img src="banner url">
<img src="hourglass 1 url"><p>number</p>
Repeat the second line for each hourglass
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Re: Code Question
« Reply #6 on: September 20, 2011, 05:01:34 pm »
Yay, I think this is it. Though I'll have to find out how to make the hourglasses appear under the banner :S

And somehow, the banners/hourglasses are not appearing, is this because I have to use else than HTML code ??
« Last Edit: September 20, 2011, 05:06:13 pm by Samuel IceWind »


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

Offline simply sibyl

  • Full Member
  • ***
  • Posts: 189
  • Karma: 35
    • View Profile

Badges: (View All)
Level 4 Windows User Topic Starter
Re: Code Question
« Reply #7 on: September 20, 2011, 05:26:40 pm »
At Imageshack under "Links to Share this Image" you have to get the "Direct Link" to the image, which means you have to sign in to your account at Imageshack in order to get those links.   

Or you can use the HTML code provided under "Embed this Image"
« Last Edit: September 20, 2011, 05:31:22 pm by simply sibyl »

Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Re: Code Question
« Reply #8 on: September 20, 2011, 05:42:33 pm »
Ok now it's giving me this :



But I want the Hourglasses be next to eachother, and change the color of the ''0''..

I used this HTML codes in the headers area :

Code: [Select]
<img src="http://img101.imageshack.us/img101/8715/hwbanner.jpg">



<img src="http://img233.imageshack.us/img233/2918/ravenclawhourglass.jpg"><p>0</p>          <img src="http://img35.imageshack.us/img35/2029/slytherinhourglass.jpg"><p>0</p>          <img src="http://img585.imageshack.us/img585/2295/gryffindorhourglass.jpg"><p>0</p>          <img src="http://img231.imageshack.us/img231/2563/hufflepuffhourglass.jpg"><p>0</p>

It appears it has no effect putting the codes next to eachother.
Anyone knows how I can get the hourglasses Under the Wizhall banner and Next to eachother ??


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

Offline simply sibyl

  • Full Member
  • ***
  • Posts: 189
  • Karma: 35
    • View Profile

Badges: (View All)
Level 4 Windows User Topic Starter
Re: Code Question
« Reply #9 on: September 20, 2011, 08:40:09 pm »
Here you go:
Code: [Select]
<img src="http://img101.imageshack.us/img101/8715/hwbanner.jpg" />
<br />
<img src="http://img233.imageshack.us/img233/2918/ravenclawhourglass.jpg" /><span style="padding-right:10px;padding-left:10px;color:#ffffff;">0</span>         
<img src="http://img35.imageshack.us/img35/2029/slytherinhourglass.jpg" /><span style="padding-right:10px;padding-left:10px;color:#ffffff;">0</span>         
<img src="http://img585.imageshack.us/img585/2295/gryffindorhourglass.jpg" /><span style="padding-right:10px;padding-left:10px;color:#ffffff;">0</span>
<img src="http://img231.imageshack.us/img231/2563/hufflepuffhourglass.jpg" /><span style="padding-right:10px;padding-left:10px;color:#ffffff;">0</span>

I set the color for the numbers to white.   You can change #ffffff for each of them to change the color.
 

Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Re: Code Question
« Reply #10 on: September 22, 2011, 04:10:21 pm »
Wow thank you so much :D

just some details : How do I make the number a bit bigger ??
And sorry for my unexperience with everything; how do I add Text Above the number ??

Thanks very much in advance.


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

Offline simply sibyl

  • Full Member
  • ***
  • Posts: 189
  • Karma: 35
    • View Profile

Badges: (View All)
Level 4 Windows User Topic Starter
Re: Code Question
« Reply #11 on: September 22, 2011, 04:34:16 pm »
To change the font-size for the numbers add font-size to the styling for each of them

Code: [Select]
<img src="http://img233.imageshack.us/img233/2918/ravenclawhourglass.jpg" /><span style="padding-right:10px;padding-left:10px;color:#ffffff;font-size:14px;">0</span>         

See where I added font-size:14px; to the one above?  Do that for each of them and change 14px to the size you want.
To put text above the numbers probably need to do this all in a table.   Ive no time today to work that out for ya but will when I do have some spare time if no one else gets to it.

Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Re: Code Question
« Reply #12 on: September 22, 2011, 04:56:49 pm »
Works like a charm :)

And if someone could help me putting text above the number it would be very appreciated.
In fact I just need a Word or two above the numbers.
Anyone ?

Thanks a lot.


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

Offline Samuel IceWind

  • Newbie
  • *
  • Posts: 15
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter Combination Level 2
Re: Code Question
« Reply #13 on: November 13, 2011, 02:21:42 pm »
Bump-


Wizhall, a Brandnew Harry Potter Forum RPG ! Come join us ! http://wizhall.createaforum.com/index

 

Related Topics

  Subject / Started by Replies Last post
12 Replies
4482 Views
Last post December 02, 2014, 06:57:57 pm
by CyanProductions
2 Replies
1346 Views
Last post December 20, 2010, 08:07:31 pm
by Thornton136
0 Replies
678 Views
Last post August 24, 2011, 11:54:00 pm
by .: ƒ♥яєνєяωιѕнєѕ :.
1 Replies
1339 Views
Last post March 14, 2012, 04:53:55 pm
by aIURbliS
3 Replies
1307 Views
Last post March 14, 2012, 02:03:17 pm
by Agent Moose