Jump to content


- - - - -

IP.Board 2.3: Easy Advertisers Box

Started by AndyF, Jul 25 2007 02:50 PM

32 replies to this topic

#1 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 25 July 2007 - 02:50 PM

This is the support topic for the tutorial Easy Advertisers Box. Please post here if you have any questions or feedback.

#2 Dragonheart

    Novice

  • Members
  • PipPip
  • 6 posts
  • Real Name:Mark
  • IPB Version:v2.2.x

Posted 11 August 2007 - 07:40 AM

can different colours be added too ?

Dragonheart

Please support me by visiting, registering and posting on this great forum
Posted Image

#3 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 11 August 2007 - 12:52 PM

QUOTE(Dragonheart @ Aug 11 2007, 08:40 AM) <{POST_SNAPBACK}>
can different colours be added too ?

Dragonheart


Hi.

Yes its pretty easy to change the link colours smile.gif , the actual border and background colours are part of the existing skin ('borderwrap' and 'maintitle')

Example...

CODE
<a href="http://www.dubtime.co.uk" target="_blank" style="text-decoration:none"><font color="#0000FF"> Dubtime </font></a><b> - </b>


You can use either the hex code or say font color="blue" instead if thats easier.

Quick screenshot....

Attached File  color_links.jpg   18.01K   6 downloads

It also works well with a banner or adsense smile.gif

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#4 Coffeecup

    Member

  • IM Supporters
  • PipPipPip
  • 25 posts
  • IPB Version:v2.3.x
Contributor

Posted 14 August 2007 - 12:22 AM

This is really nice - thank you!
Posted Image

#5 Tim

    Programmer

  • IM Supporters
  • PipPipPipPipPipPip
  • 318 posts
  • Location:Grand Rapids, MI, USA
  • Real Name:Tim
  • IPB Version:v2.3.x
Contributor

Posted 14 August 2007 - 12:56 AM

Actually, the best way to change font colors is to use a span tag:

CODE
<span style='color:#0000ff;'>Text here</span>

Edited by Tim, 14 August 2007 - 12:56 AM.

Posted Image
"Death is the Road to Awe" - Mayan Priest, Darren Aronofsky's The Fountain

#6 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 14 August 2007 - 11:31 AM

QUOTE(Tim @ Aug 14 2007, 01:56 AM) <{POST_SNAPBACK}>
Actually, the best way to change font colors is to use a span tag:


Im not that up on my html yet smile.gif , The actual creation of the box was quite easy.

But id agree the span tag is probably better thumbsup.gif

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#7 musiclifelong

    Novice

  • Members
  • PipPip
  • 8 posts
  • Real Name:ASHR
  • IPB Version:N/A

Posted 15 August 2007 - 06:32 AM

wonderfull it is working

#8 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 15 August 2007 - 09:48 AM

QUOTE(musiclifelong @ Aug 15 2007, 07:32 AM) <{POST_SNAPBACK}>
wonderfull it is working


thumbsup.gif

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#9 bigsmallman

    Member

  • Members
  • PipPipPip
  • 44 posts
  • IPB Version:N/A

Posted 15 August 2007 - 12:16 PM

It's working perfect !!!

Is it possible to add a expand collapse button like the one for a normal forum???

#10 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 15 August 2007 - 04:03 PM

QUOTE(bigsmallman @ Aug 15 2007, 01:16 PM) <{POST_SNAPBACK}>
It's working perfect !!!

Is it possible to add a expand collapse button like the one for a normal forum???


I dare say its possible but its beyond my abilities at the moment, sorry! smile.gif

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#11 devshed

    n00b

  • Members
  • Pip
  • 4 posts
  • IPB Version:v2.3.x

Posted 27 August 2007 - 11:21 AM

any tip on putting ads all around the forum ? top, left, bottom etc

Tnx

#12 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 27 August 2007 - 11:57 AM

Top and bottom seem good to me.

Have different ads in them if possible smile.gif

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#13 devshed

    n00b

  • Members
  • Pip
  • 4 posts
  • IPB Version:v2.3.x

Posted 27 August 2007 - 12:53 PM

Top & bottom ads worked fine. Can we place ads vertically on both sides (left and right) ?

#14 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 27 August 2007 - 12:56 PM

Not with that code , no

It would need a lot more skinning to do that. smile.gif

This is just a simple ipb style box to add to the forum page.

smile.gif

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#15 devshed

    n00b

  • Members
  • Pip
  • 4 posts
  • IPB Version:v2.3.x

Posted 27 August 2007 - 01:07 PM

Tnx Andy! I figured out myself.

#16 AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,289 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 27 August 2007 - 04:29 PM

QUOTE(devshed @ Aug 27 2007, 02:07 PM) <{POST_SNAPBACK}>
Tnx Andy! I figured out myself.


You should post a tutorial if you got a vertical one wink.gif

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#17 smarkY

    n00b

  • Members
  • Pip
  • 1 posts
  • IPB Version:v2.3.x

Posted 11 October 2007 - 07:49 PM

can i put picture there ?

#18 Depot

    Invision Modding.com Helper - Type - Person

  • IM Supporters
  • PipPipPipPipPipPipPipPipPipPip
  • 5,573 posts
  • Location:NE Florida
  • Real Name:Larry C
  • IPB Version:v2.3.x
Contributor

Posted 11 October 2007 - 08:03 PM

QUOTE(smarkY @ Oct 11 2007, 03:49 PM) <{POST_SNAPBACK}>
can i put picture there ?

If it relates to this tutorial and you have permissions to do so, of course. wink.gif

- - - - nsMod Community Forums - - - -

Posted Image Services System Modification Installation FAQ Invision Modding Store Posted Image

I DO: IPB UPGRADES, MOD INSTALLS, DATABASE BACKUPS & RESTORATION, CUSTOM SKINS, SITE TRANSFERS

IMPORTANT - READ THIS BEFORE YOU PM ME!!!

Do not ask me for assistance / provide me with your url if you own a nullified board - IM Staff will be notified.

#19 shareeda

    n00b

  • Banned
  • Pip
  • 1 posts
  • Real Name:Mohamed J Shareeda
  • IPB Version:v2.2.x

Posted 21 October 2007 - 06:53 AM

I'd like to thanks you AndyF for this tutorial, but i've got a question..

I've tried to replace the link with a photo to the desired website that i'm advertising to, but when i add another photo it will be placed in separate box as below



i would love to have the other advert to be next to the first one in the same box
this is the code that i'm using right now

CODE
<!-- Advertisers Links (YS)-->
<br /><div class='borderwrap'><div class='maintitle'>الإعلانات</div><div class='tablepad' align='center'>
<br />

<center><a target="_blank" href="http://myhome.com.bh"> <img border="0"
src="http://www.bahrainstars.com/forums/adv/myhome.jpg" width="250" height="100"></a></p></center>

<center><a target="_blank" href="http://myhome.com.bh"> <img border="0"
src="http://www.bahrainstars.com/forums/adv/myhome.jpg" width="250" height="100"></a></p></center>

<br /><br />
</div></div><br />
<!-- End Of Advertisers Links (YS)-->

Posted Image

#20 RuneCore

    <(^^,)>

  • IM Supporters
  • PipPipPipPipPipPipPip
  • 719 posts
  • Location:Texas
  • Real Name:JB
  • IPB Version:v2.3.x
Contributor

Posted 21 October 2007 - 07:55 AM

you wont need center tags if you already have a center aligned div, and i believe the reason it appears in another box is the </p> that you have...

try this:

CODE
<!-- Advertisers Links (YS)-->
<br /><div class='borderwrap'><div class='maintitle'>الإعلانات</div><div class='tablepad' align='center'>
<br />

<a target="_blank" href="http://myhome.com.bh"><img src="http://www.bahrainstars.com/forums/adv/myhome.jpg" width="250" height="100"></a>
<br />
<a target="_blank" href="http://myhome.com.bh"><img src="http://www.bahrainstars.com/forums/adv/myhome.jpg" width="250" height="100"></a>

<br /><br />
</div></div><br />
<!-- End Of Advertisers Links (YS)-->

Edited by RuneCore, 21 October 2007 - 07:58 AM.

Posted Image
http://www.virtualdump.net
--------------
My Mods:
[RC23]Songs in Profiles / Demo
^Winner of the Best Medium Mod of October 2007 award on Invisionize
^Second place in the Semi-Annual Mod Competition
[RC23]Individual Member Adsense
^Winner of the Best Medium Mod of November 2007 award on Invisionize
[RC22]Messenger Icons in Topic View
[RC23]Banned Sig Replacement
More...

Posted Image
Back to Tutorials


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Invision Modding
  2. → IP.Board 2.2 & 2.3
  3. → Support Topics
  4. → Tutorials
  5. Guidelines