Choose from our various pricing plans. There is a package for everyone!


Advertising page

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Tutorial Advertising page

Post by Mr.Joker on Tue Jul 31, 2012 6:40 pm

This tutorial will explain you how to create HTML & CSS page that can store baners from other forums. It's better way to put more banners and also not on forum to make it ugly. You have to go:

1.AP/Modules/HTML pages managment
-There you have to create new page and enter this code:
http://pastebin.com/SJmnL8j5#
There is whole bunch of codes I did for you. I can't explain you all, its really long code with 812 rows. Just copy that and save it.
Now when you have the page, you just have to put it into navigation or where ever you want so people see the page.
DEMO: http://e-school.forum.st/h2-test

Author: Mr.Joker
Skills: HTML & CSS and Javascript
Difficulty: Medium


Please read forum rules. Don't request help via PM!

avatar
Mr.Joker
Premium Member


Age : 24
Posts : 283
Join date : 2012-06-24
Reputation : 21

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Th1nK on Tue Jul 31, 2012 7:14 pm

I personally like the HTML page Smile. Nice tutorial.
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: Advertising page

Post by Leo on Tue Jul 31, 2012 7:20 pm

This is nice.

Sorry for bothering you.
How do I change "Vas Banner" , how do I change that to affiliate banner? Or just banner?
Also " Partneri " to Partners?
I forgot one thing, how do I shorten the number of boxes there are on the page?


Last edited by Leoo on Tue Jul 31, 2012 7:21 pm; edited 2 times in total
avatar
Leo
Member
Member

Age : 20
Posts : 196
Join date : 2012-07-10
Reputation : 4

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by AM99 on Tue Jul 31, 2012 7:20 pm

Nice
I like it Very Happy
avatar
AM99
Member
Member

Age : 27
Posts : 152
Join date : 2012-07-27
Reputation : 2

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Th1nK on Tue Jul 31, 2012 7:22 pm

Leoo
Code:
<title>Design 4 U</title>
Change the title.
Row 774:
Code:
<h1>Partneri</h1>
Change the text to Partners
Vas Banner is a img:

Change it here:
In Row 775 you will see all the images you must replace:
Code:
<div id="baner1_1"><img src="IMG LINK HERE" border="0"></img>
To remove boxes just delete them Wink.
Hope this will help you!


Last edited by Th1nK on Tue Jul 31, 2012 7:27 pm; edited 1 time in total
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: Advertising page

Post by RSguideMaker on Tue Jul 31, 2012 7:26 pm

Congratulation! Your tutorial has been accepted!



Please do not request help via PM! Post on the forums where it can help everyone.
avatar
RSguideMaker
Support Moderator
Support Moderator

Age : 18
Posts : 421
Join date : 2012-05-23
Reputation : 9

View user profile http://euanfitzpatrick.co.nf/

Back to top Go down

Tutorial Re: Advertising page

Post by Eclipse on Tue Jul 31, 2012 7:27 pm

Leoo wrote:This is nice.

Sorry for bothering you.
How do I change "Vas Banner" , how do I change that to affiliate banner? Or just banner?
Also " Partneri " to Partners?
I forgot one thing, how do I shorten the number of boxes there are on the page?

^ wondering that too, and where do i add the affiliate logo?
avatar
Eclipse
Premium Member


Age : 19
Posts : 212
Join date : 2012-07-23
Forum Version : PunBB
Reputation : 3

View user profile http://discussionhq.com/

Back to top Go down

Tutorial Re: Advertising page

Post by Th1nK on Tue Jul 31, 2012 7:28 pm

HyperActive check my post above you!
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: Advertising page

Post by Leo on Tue Jul 31, 2012 7:30 pm

I meant to edit my post. I figured it out. Sorry for bothering you!
avatar
Leo
Member
Member

Age : 20
Posts : 196
Join date : 2012-07-10
Reputation : 4

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Eclipse on Tue Jul 31, 2012 7:44 pm

Im still confused. Could you edit it for me? It would be really helpful




avatar
Eclipse
Premium Member


Age : 19
Posts : 212
Join date : 2012-07-23
Forum Version : PunBB
Reputation : 3

View user profile http://discussionhq.com/

Back to top Go down

Tutorial Re: Advertising page

Post by Leo on Tue Jul 31, 2012 7:49 pm

HyperActive wrote:Im still confused. Could you edit it for me? It would be really helpful
It's really easy. Th1nk told us what to do on his reply to me.
avatar
Leo
Member
Member

Age : 20
Posts : 196
Join date : 2012-07-10
Reputation : 4

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Eclipse on Tue Jul 31, 2012 7:50 pm

Yeah, i read it, but i don't 100% understand it




avatar
Eclipse
Premium Member


Age : 19
Posts : 212
Join date : 2012-07-23
Forum Version : PunBB
Reputation : 3

View user profile http://discussionhq.com/

Back to top Go down

Tutorial Re: Advertising page

Post by Th1nK on Tue Jul 31, 2012 7:51 pm

Is this ok:
Click?
+ When you right click it's on English!
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: Advertising page

Post by Eclipse on Tue Jul 31, 2012 7:55 pm

Ok, how do i add, lets say you guys, because we're now affiliates, where would i put your code?




avatar
Eclipse
Premium Member


Age : 19
Posts : 212
Join date : 2012-07-23
Forum Version : PunBB
Reputation : 3

View user profile http://discussionhq.com/

Back to top Go down

Tutorial Re: Advertising page

Post by Mr.Joker on Tue Jul 31, 2012 7:59 pm

I am glad you are happy with the page. Smile


Please read forum rules. Don't request help via PM!

avatar
Mr.Joker
Premium Member


Age : 24
Posts : 283
Join date : 2012-06-24
Reputation : 21

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Th1nK on Tue Jul 31, 2012 8:00 pm

OK! Follow this steps:
Navigate to:
1)Admin Panel->Modules->HTML & JAVASCRIPT->HTML pages management and click "Create New HTML".
2) In title write something;Do you wish to use your forum header and footer ? - NO;Use this page as homepage ? - NO
3) Add this code (THIS IS THE CODE I EDITED!):
Code:
<html>
<title>Affiliates</title>
<head>
<meta name="author" content="System32" />
    <meta name="description" content="Web stranica za reklamiranje" />
        <meta name="keywords" content="Design 4 U, Partneri, Reklamiranje" />
<script type="text/javascript">
var isnn,isie
if(navigator.appName=='Microsoft Internet Explorer')
{  isie=true }

if(navigator.appName=='Netscape')
{  isnn=true }

function right(e) 
{
    if (isnn && (e.which == 3 || e.which == 2 ))
        return false;
    else if (isie && (event.button == 2 || event.button == 3))
    {
        alert("Zabranjeno je kopiranje na web stranici!");
        return false;
    }
        return true;
}

function key(k) 
{
    if(isie) {
        if(event.keyCode==17 || event.keyCode==18 || event.keyCode==93) {
            alert("Zabranjeno je kopiranje na web stranici!")
            return false;
        }
    }

    if(isnn){
        alert("Zabranjeno je kopiranje na web stranici!")
        return false; } 
}

if (document.layers) window.captureEvents(Event.KEYPRESS); 
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
document.onkeydown=key; 
document.onmousedown=right;
document.onmouseup=right;
window.document.layers=right;
</script>

<style type="text/css">
body {
background-color:#ff9a50;
}
h1
{
  margin: 0 -30px; /* top:0, right:-30px, bottom:0, left:-30px */
text-align: center;
        position: relative;
        color: #fff;
        margin: 0 -30px 30px -30px;
        padding: 10px 0;
        text-shadow: 0 1px rgba(0,0,0,.8);
        background: #5c5c5c;
        background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 0 rgba(0,0,0,.3);
    }

    h1:before, h1:after
    {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px;
    }

    h1:before
    {
        border-width: 0 10px 10px 0;
        border-right-color: #222;
        left: 0;
    }

    h1:after
    {
        border-width: 0 0 10px 10px;
        border-left-color: #222;
        right: 0;
    }
#main {
border:1px dashed;
padding:20px;
width:800px;
height:800px;
background-color:#ffffff;
margin-top:70px;
}
#submain1 {
width:800px;
height:700px;
margin-top:10px;
background-color:transparent;
float:left;
}
#baner1_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;

border:1px dashed #d6d6d6;
float:left;
}
#baner4_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_1:hover {
border-color:#000000;
}
#baner2_1:hover {
border-color:#000000;
}
#baner3_1:hover {
border-color:#000000;
}
#baner4_1:hover {
border-color:#000000;
}
#baner5_1:hover {
border-color:#000000;
}
#baner6_1:hover {
border-color:#000000;
}
#baner1_2:hover {
border-color:#000000;
}
#baner2_2:hover {
border-color:#000000;
}
#baner3_2:hover {
border-color:#000000;
}
#baner4_2:hover {
border-color:#000000;
}
#baner5_2:hover {
border-color:#000000;
}
#baner6_2:hover {
border-color:#000000;
}
#baner1_3:hover {
border-color:#000000;
}
#baner2_3:hover {
border-color:#000000;
}
#baner3_3:hover {
border-color:#000000;
}
#baner4_3:hover {
border-color:#000000;
}
#baner5_3:hover {
border-color:#000000;
}
#baner6_3:hover {
border-color:#000000;
}
#baner1_4:hover {
border-color:#000000;
}
#baner2_4:hover {
border-color:#000000;
}
#baner3_4:hover {
border-color:#000000;
}
#baner4_4:hover {
border-color:#000000;
}
#baner5_4:hover {
border-color:#000000;
}
#baner6_4:hover {
border-color:#000000;
}
#baner1_5:hover {
border-color:#000000;
}
#baner2_5:hover {
border-color:#000000;
}
#baner3_5:hover {
border-color:#000000;
}
#baner4_5:hover {
border-color:#000000;
}
#baner5_5:hover {
border-color:#000000;
}
#baner6_5:hover {
border-color:#000000;
}
#baner1_6:hover {
border-color:#000000;
}
#baner2_6:hover {
border-color:#000000;
}
#baner3_6:hover {
border-color:#000000;
}
#baner4_6:hover {
border-color:#000000;
}
#baner5_6:hover {
border-color:#000000;
}
#baner6_6:hover {
border-color:#000000;
}
#baner1_7:hover {
border-color:#000000;
}
#baner2_7:hover {
border-color:#000000;
}
#baner3_7:hover {
border-color:#000000;
}
#baner4_7:hover {
border-color:#000000;
}
#baner5_7:hover {
border-color:#000000;
}
#baner6_7:hover {
border-color:#000000;
}
#baner1_8:hover {
border-color:#000000;
}
#baner2_8:hover {
border-color:#000000;
}
#baner3_8:hover {
border-color:#000000;
}
#baner4_8:hover {
border-color:#000000;
}
#baner5_8:hover {
border-color:#000000;
}
#baner6_8:hover {
border-color:#000000;
}
#baner1_9:hover {
border-color:#000000;
}
#baner2_9:hover {
border-color:#000000;
}
#baner3_9:hover {
border-color:#000000;
}
#baner4_9:hover {
border-color:#000000;
}
#baner5_9:hover {
border-color:#000000;
}
#baner6_9:hover {
border-color:#000000;
}
#footer {
width:840px;
height:25px;
background-color:#cedaff;
text-align:center;
border-left:1px dashed;
border-right:1px dashed;
border-bottom:1px dashed;
}
</style>
</head>
<body><div id="header"></div>
<center><div id="main">

<h1>Partners</h1><div id="submain1"><div id="baner1_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_5"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_5"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_5"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_5"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_5"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_5"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_6"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_6"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_6"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_6"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_6"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_6"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_7"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_7"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_7"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_7"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_7"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_7"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_8"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_8"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_8"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_8"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_8"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_8"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_9"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_9"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_9"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_9"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_9"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_9"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div>
</div>
</div></center>
<center><div id="footer">Website Copyright Design 4 U <a href="http://www.serbianforum.info/">www.serbianforum.info</a></div></center>
<script language=JavaScript>
var poruka="Right click disabled!";
function clickIE4(){
if (event.button==2){
alert(poruka);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(poruka);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(poruka);return false")

</script>

</body>
</html>
4) Click Submit
And thats all. Now you have Affiliates page Smile.
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: Advertising page

Post by Eclipse on Tue Jul 31, 2012 8:17 pm

can you show me just the small piece of the code where i add this?
Code:
<a href="http://csshelp.forumotion.net/"><img src="http://i49.servimg.com/u/f49/17/29/94/19/affi110.png" width="88" height="31" border="0" alt="CSS Help Community Forums"></a>




avatar
Eclipse
Premium Member


Age : 19
Posts : 212
Join date : 2012-07-23
Forum Version : PunBB
Reputation : 3

View user profile http://discussionhq.com/

Back to top Go down

Tutorial Re: Advertising page

Post by Leo on Tue Jul 31, 2012 8:19 pm

HyperActive wrote:Ok, how do i add, lets say you guys, because we're now affiliates, where would i put your code?
Simple. Just replace the Vas Baner with your affiliate code.
avatar
Leo
Member
Member

Age : 20
Posts : 196
Join date : 2012-07-10
Reputation : 4

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Eclipse on Tue Jul 31, 2012 8:20 pm

How do i make a "Go Home" link at the really bottom. So if you click it, it takes you to my forum homepage.
avatar
Eclipse
Premium Member


Age : 19
Posts : 212
Join date : 2012-07-23
Forum Version : PunBB
Reputation : 3

View user profile http://discussionhq.com/

Back to top Go down

Tutorial Re: Advertising page

Post by RSguideMaker on Tue Jul 31, 2012 10:30 pm

I've already sorted that Hyper. No need to worry Razz



Please do not request help via PM! Post on the forums where it can help everyone.
avatar
RSguideMaker
Support Moderator
Support Moderator

Age : 18
Posts : 421
Join date : 2012-05-23
Reputation : 9

View user profile http://euanfitzpatrick.co.nf/

Back to top Go down

Tutorial Re: Advertising page

Post by L! on Tue Jul 31, 2012 11:24 pm

Really nice tutorial. Keep it up! Smile


Want to make money online? PM Me! Wink

avatar
L!
Premium Member


Age : 19
Posts : 105
Join date : 2012-07-05
Reputation : 5

View user profile http://www.ldevelopment.org/

Back to top Go down

Tutorial Re: Advertising page

Post by Leo on Wed Aug 01, 2012 1:08 pm

How do I make my page like Hyper?

http://superiorgaming.forumotion.com/h2-affiliate-html-page

My code:
Code:
<html>
<title>uRandom's Partners!</title>
<head>
<meta name="author" content="System32" />
    <meta name="description" content="uRandom's Partners!" />
        <meta name="keywords" content="uRandom's Partners!" />
<script type="text/javascript">
var isnn,isie
if(navigator.appName=='Microsoft Internet Explorer')
{  isie=true }

if(navigator.appName=='Netscape')
{  isnn=true }

function right(e) 
{
    if (isnn && (e.which == 3 || e.which == 2 ))
        return false;
    else if (isie && (event.button == 2 || event.button == 3))
    {
        alert("Zabranjeno je kopiranje na web stranici!");
        return false;
    }
        return true;
}

function key(k) 
{
    if(isie) {
        if(event.keyCode==17 || event.keyCode==18 || event.keyCode==93) {
            alert("Zabranjeno je kopiranje na web stranici!")
            return false;
        }
    }

    if(isnn){
        alert("Zabranjeno je kopiranje na web stranici!")
        return false; } 
}

if (document.layers) window.captureEvents(Event.KEYPRESS); 
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
document.onkeydown=key; 
document.onmousedown=right;
document.onmouseup=right;
window.document.layers=right;
</script>

<style type="text/css">
body {
background-color:#ff9a50;
}
h1
{
  margin: 0 -30px; /* top:0, right:-30px, bottom:0, left:-30px */
text-align: center;
        position: relative;
        color: #fff;
        margin: 0 -30px 30px -30px;
        padding: 10px 0;
        text-shadow: 0 1px rgba(0,0,0,.8);
        background: #5c5c5c;
        background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 0 rgba(0,0,0,.3);
    }

    h1:before, h1:after
    {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px;
    }

    h1:before
    {
        border-width: 0 10px 10px 0;
        border-right-color: #222;
        left: 0;
    }

    h1:after
    {
        border-width: 0 0 10px 10px;
        border-left-color: #222;
        right: 0;
    }
#main {
border:1px dashed;
padding:20px;
width:800px;
height:800px;
background-color:#ffffff;
margin-top:70px;
}
#submain1 {
width:800px;
height:700px;
margin-top:10px;
background-color:transparent;
float:left;
}
#baner1_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;

border:1px dashed #d6d6d6;
float:left;
}
#baner4_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_1:hover {
border-color:#000000;
}
#baner2_1:hover {
border-color:#000000;
}
#baner3_1:hover {
border-color:#000000;
}
#baner4_1:hover {
border-color:#000000;
}
#baner5_1:hover {
border-color:#000000;
}
#baner6_1:hover {
border-color:#000000;
}
#baner1_2:hover {
border-color:#000000;
}
#baner2_2:hover {
border-color:#000000;
}
#baner3_2:hover {
border-color:#000000;
}
#baner4_2:hover {
border-color:#000000;
}
#baner5_2:hover {
border-color:#000000;
}
#baner6_2:hover {
border-color:#000000;
}
#baner1_3:hover {
border-color:#000000;
}
#baner2_3:hover {
border-color:#000000;
}
#baner3_3:hover {
border-color:#000000;
}
#baner4_3:hover {
border-color:#000000;
}
#baner5_3:hover {
border-color:#000000;
}
#baner6_3:hover {
border-color:#000000;
}
#baner1_4:hover {
border-color:#000000;
}
#baner2_4:hover {
border-color:#000000;
}
#baner3_4:hover {
border-color:#000000;
}
#baner4_4:hover {
border-color:#000000;
}
#baner5_4:hover {
border-color:#000000;
}
#baner6_4:hover {
border-color:#000000;
}
#baner1_5:hover {
border-color:#000000;
}
#baner2_5:hover {
border-color:#000000;
}
#baner3_5:hover {
border-color:#000000;
}
#baner4_5:hover {
border-color:#000000;
}
#baner5_5:hover {
border-color:#000000;
}
#baner6_5:hover {
border-color:#000000;
}
#baner1_6:hover {
border-color:#000000;
}
#baner2_6:hover {
border-color:#000000;
}
#baner3_6:hover {
border-color:#000000;
}
#baner4_6:hover {
border-color:#000000;
}
#baner5_6:hover {
border-color:#000000;
}
#baner6_6:hover {
border-color:#000000;
}
#baner1_7:hover {
border-color:#000000;
}
#baner2_7:hover {
border-color:#000000;
}
#baner3_7:hover {
border-color:#000000;
}
#baner4_7:hover {
border-color:#000000;
}
#baner5_7:hover {
border-color:#000000;
}
#baner6_7:hover {
border-color:#000000;
}
#baner1_8:hover {
border-color:#000000;
}
#baner2_8:hover {
border-color:#000000;
}
#baner3_8:hover {
border-color:#000000;
}
#baner4_8:hover {
border-color:#000000;
}
#baner5_8:hover {
border-color:#000000;
}
#baner6_8:hover {
border-color:#000000;
}
#baner1_9:hover {
border-color:#000000;
}
#baner2_9:hover {
border-color:#000000;
}
#baner3_9:hover {
border-color:#000000;
}
#baner4_9:hover {
border-color:#000000;
}
#baner5_9:hover {
border-color:#000000;
}
#baner6_9:hover {
border-color:#000000;
}
#footer {
width:840px;
height:25px;
background-color:#cedaff;
text-align:center;
border-left:1px dashed;
border-right:1px dashed;
border-bottom:1px dashed;
}
</style>
</head>
<body><div id="header"></div>
<center><div id="main">

<h1>uRandom's Partners!</h1><div id="submain1"><div id="baner1_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div>
<div id="baner5_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div>
<div id="baner4_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div>
</div>
</div></center>
<center><div id="footer"></div></center>
<script language=JavaScript>
var poruka="Desni klik je zabranjen!";
function clickIE4(){
if (event.button==2){
alert(poruka);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(poruka);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(poruka);return false")

</script>

</body>
</html>
My link : http://urandom.forumotion.com/h2-affiliates
avatar
Leo
Member
Member

Age : 20
Posts : 196
Join date : 2012-07-10
Reputation : 4

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Nathan Adhitya on Wed Aug 01, 2012 1:59 pm

nice!
avatar
Nathan Adhitya
Member
Member

Age : 17
Posts : 35
Join date : 2012-07-08
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Leo on Wed Aug 01, 2012 6:52 pm

Leoo wrote:How do I make my page like Hyper?

http://superiorgaming.forumotion.com/h2-affiliate-html-page

My code:
Code:
<html>
<title>uRandom's Partners!</title>
<head>
<meta name="author" content="System32" />
    <meta name="description" content="uRandom's Partners!" />
        <meta name="keywords" content="uRandom's Partners!" />
<script type="text/javascript">
var isnn,isie
if(navigator.appName=='Microsoft Internet Explorer')
{  isie=true }

if(navigator.appName=='Netscape')
{  isnn=true }

function right(e) 
{
    if (isnn && (e.which == 3 || e.which == 2 ))
        return false;
    else if (isie && (event.button == 2 || event.button == 3))
    {
        alert("Zabranjeno je kopiranje na web stranici!");
        return false;
    }
        return true;
}

function key(k) 
{
    if(isie) {
        if(event.keyCode==17 || event.keyCode==18 || event.keyCode==93) {
            alert("Zabranjeno je kopiranje na web stranici!")
            return false;
        }
    }

    if(isnn){
        alert("Zabranjeno je kopiranje na web stranici!")
        return false; } 
}

if (document.layers) window.captureEvents(Event.KEYPRESS); 
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
document.onkeydown=key; 
document.onmousedown=right;
document.onmouseup=right;
window.document.layers=right;
</script>

<style type="text/css">
body {
background-color:#ff9a50;
}
h1
{
  margin: 0 -30px; /* top:0, right:-30px, bottom:0, left:-30px */
text-align: center;
        position: relative;
        color: #fff;
        margin: 0 -30px 30px -30px;
        padding: 10px 0;
        text-shadow: 0 1px rgba(0,0,0,.8);
        background: #5c5c5c;
        background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 0 rgba(0,0,0,.3);
    }

    h1:before, h1:after
    {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px;
    }

    h1:before
    {
        border-width: 0 10px 10px 0;
        border-right-color: #222;
        left: 0;
    }

    h1:after
    {
        border-width: 0 0 10px 10px;
        border-left-color: #222;
        right: 0;
    }
#main {
border:1px dashed;
padding:20px;
width:800px;
height:800px;
background-color:#ffffff;
margin-top:70px;
}
#submain1 {
width:800px;
height:700px;
margin-top:10px;
background-color:transparent;
float:left;
}
#baner1_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_1 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;

border:1px dashed #d6d6d6;
float:left;
}
#baner4_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_2 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_3 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_4 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_5 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_6 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_7 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_8 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner2_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner3_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner4_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner5_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner6_9 {
margin-left:10px;
margin-top:10px;
background-color:transparent;
width:120px;
height:60px;
border:1px dashed #d6d6d6;
float:left;
}
#baner1_1:hover {
border-color:#000000;
}
#baner2_1:hover {
border-color:#000000;
}
#baner3_1:hover {
border-color:#000000;
}
#baner4_1:hover {
border-color:#000000;
}
#baner5_1:hover {
border-color:#000000;
}
#baner6_1:hover {
border-color:#000000;
}
#baner1_2:hover {
border-color:#000000;
}
#baner2_2:hover {
border-color:#000000;
}
#baner3_2:hover {
border-color:#000000;
}
#baner4_2:hover {
border-color:#000000;
}
#baner5_2:hover {
border-color:#000000;
}
#baner6_2:hover {
border-color:#000000;
}
#baner1_3:hover {
border-color:#000000;
}
#baner2_3:hover {
border-color:#000000;
}
#baner3_3:hover {
border-color:#000000;
}
#baner4_3:hover {
border-color:#000000;
}
#baner5_3:hover {
border-color:#000000;
}
#baner6_3:hover {
border-color:#000000;
}
#baner1_4:hover {
border-color:#000000;
}
#baner2_4:hover {
border-color:#000000;
}
#baner3_4:hover {
border-color:#000000;
}
#baner4_4:hover {
border-color:#000000;
}
#baner5_4:hover {
border-color:#000000;
}
#baner6_4:hover {
border-color:#000000;
}
#baner1_5:hover {
border-color:#000000;
}
#baner2_5:hover {
border-color:#000000;
}
#baner3_5:hover {
border-color:#000000;
}
#baner4_5:hover {
border-color:#000000;
}
#baner5_5:hover {
border-color:#000000;
}
#baner6_5:hover {
border-color:#000000;
}
#baner1_6:hover {
border-color:#000000;
}
#baner2_6:hover {
border-color:#000000;
}
#baner3_6:hover {
border-color:#000000;
}
#baner4_6:hover {
border-color:#000000;
}
#baner5_6:hover {
border-color:#000000;
}
#baner6_6:hover {
border-color:#000000;
}
#baner1_7:hover {
border-color:#000000;
}
#baner2_7:hover {
border-color:#000000;
}
#baner3_7:hover {
border-color:#000000;
}
#baner4_7:hover {
border-color:#000000;
}
#baner5_7:hover {
border-color:#000000;
}
#baner6_7:hover {
border-color:#000000;
}
#baner1_8:hover {
border-color:#000000;
}
#baner2_8:hover {
border-color:#000000;
}
#baner3_8:hover {
border-color:#000000;
}
#baner4_8:hover {
border-color:#000000;
}
#baner5_8:hover {
border-color:#000000;
}
#baner6_8:hover {
border-color:#000000;
}
#baner1_9:hover {
border-color:#000000;
}
#baner2_9:hover {
border-color:#000000;
}
#baner3_9:hover {
border-color:#000000;
}
#baner4_9:hover {
border-color:#000000;
}
#baner5_9:hover {
border-color:#000000;
}
#baner6_9:hover {
border-color:#000000;
}
#footer {
width:840px;
height:25px;
background-color:#cedaff;
text-align:center;
border-left:1px dashed;
border-right:1px dashed;
border-bottom:1px dashed;
}
</style>
</head>
<body><div id="header"></div>
<center><div id="main">

<h1>uRandom's Partners!</h1><div id="submain1"><div id="baner1_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div>
<div id="baner5_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_1"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_2"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner4_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_3"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner1_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner2_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner3_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div>
<div id="baner4_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner5_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div><div id="baner6_4"><img src="http://img233.imageshack.us/img233/5936/reklamamp.png" border="0"></img></div>
</div>
</div></center>
<center><div id="footer"></div></center>
<script language=JavaScript>
var poruka="Desni klik je zabranjen!";
function clickIE4(){
if (event.button==2){
alert(poruka);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(poruka);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(poruka);return false")

</script>

</body>
</html>
My link : http://urandom.forumotion.com/h2-affiliates
Still need help.
avatar
Leo
Member
Member

Age : 20
Posts : 196
Join date : 2012-07-10
Reputation : 4

View user profile

Back to top Go down

Tutorial Re: Advertising page

Post by Th1nK on Wed Aug 01, 2012 7:05 pm

You wanna full HTML code or else? I can give you the code from Hyper's page. Or you can give me info and pics and to create one for you like Hyper's!
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Tutorial Re: Advertising page

Post by Sponsored content


Sponsored content


Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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