You are Unregistered, please register to gain Full access.
    

Coders' Paradise Discuss, Web tab? at Evolution : RaGEZONE forum; You see the tweetboard "tweets" tab on the left hand side? Does anyone know how to make something similar? Nothing ...


RaGEZONE sponsored advertisment:

 
 
LinkBack Thread Tools
Old 06-07-2010   #1 (permalink)
Venture Adventure
 
Tyler's Avatar


Rank: Pink Subscriber
Join Date: Nov 2008
Location: Los Santos
Posts: 3,591
Thanked 25 Times in 20 Posts

Web tab?

You see the tweetboard "tweets" tab on the left hand side?
Does anyone know how to make something similar? Nothing too complicated, just simple a simple HTML link to another site?
__________________


Tyler is offline   Reply With Quote

RaGEZONE sponsored advertisment:
Old 06-07-2010   #2 (permalink)
srsly! orly! yarly!
 
-fedexer-'s Avatar


Rank: Alpha Member
Join Date: May 2006
Location: Scotland
Posts: 2,100
Thanked 2 Times in 2 Posts

Re: Web tab?

Not that it's favoured much in webdesign...but have you tried the idea of iframes?
__________________
"It is not who i am underneath, but what i do that defines me"
-fedexer- is offline   Reply With Quote

Endorsement
Old 06-07-2010   #3 (permalink)
Venture Adventure
 
Tyler's Avatar


Rank: Pink Subscriber
Join Date: Nov 2008
Location: Los Santos
Posts: 3,591
Thanked 25 Times in 20 Posts

Re: Web tab?

Not really. I'm not entirely sure how I'd do that one. It'd be quite simple to create a div I guess, and just place an <a href=""><img src=""></a> within the div?
__________________


Tyler is offline   Reply With Quote

Endorsement
<a onclick="_gaq.push(['_trackEvent', 'Outgoing', 'click', '/outgoing/http_www_game_advertising_online_com_']);" rel="nofollow" href="http://www.game-advertising-online.com/" target=_blank>Game Advertising Online</a><br> banner requires iframes

Old 06-07-2010   #4 (permalink)
The Omega
 
Way[2]Death's Avatar


Rank: Member
Join Date: Apr 2010
Posts: 116
Thanked 2 Times in 2 Posts

Re: Web tab?

It's really simple to do.. You just place a div absolute to the left side and 50% of the top -the height.. then Just make it fixed so it scrolls along :p and then add your stuff to the div.

Look here for a tutorial: Slide-Out Feedback Button for the Side of a Webpage

or: Creating a simple feedback button | MediaFormations
__________________
Way[2]Death is offline   Reply With Quote
Old 06-07-2010   #5 (permalink)
Venture Adventure
 
Tyler's Avatar


Rank: Pink Subscriber
Join Date: Nov 2008
Location: Los Santos
Posts: 3,591
Thanked 25 Times in 20 Posts

Re: Web tab?

Thanks mate. Exactly what I was looking for. This can be closed now.
__________________


Tyler is offline   Reply With Quote
Old 06-07-2010   #6 (permalink)
Quit
 
PaulBub's Avatar


Rank: Member +
Join Date: Apr 2009
Posts: 319
Thanked 19 Times in 9 Posts

Re: Web tab?

And make a few AJAX calls to retrieve data.
__________________
Quit
PaulBub is offline   Reply With Quote
Old 06-12-2010   #7 (permalink)
I Am.
 
s-p-n's Avatar


Rank: Hobbit
Join Date: Jun 2007
Location: Daevius' Belly
Posts: 1,139
Thanked 31 Times in 15 Posts

Re: Web tab?

And JavaScript for a smooth pop-out effect ;)

The floating "tweets" button is really easy, but the pop-out menu can be hard if you add up all the little features here/there.
__________________
Take this bait; Take this fishing line, here. Go catch yourself a fish. Listen, and catch a REALLY BIG fish.

-------------------------------------
Originally Posted by Sir Henry Wootton
"i pensieri stretti & il viso sciolto." Closed thoughts and an open face. Smile at everyone, and don't tell them what you're thinking.
From, What You Can't Say

Last edited by s-p-n; 06-12-2010 at 08:15 PM.
s-p-n is offline   Reply With Quote
Old 06-12-2010   #8 (permalink)
lol
 
cionide's Avatar


Rank: Subscriber
Join Date: Jun 2008
Posts: 2,644
Thanked 161 Times in 60 Posts

Re: Web tab?

Copy the script directly from ragezone.
xD
__________________
cionide is offline   Reply With Quote
Old 06-13-2010   #9 (permalink)
I eat Zend for Breakfast.
 
SaintsIan's Avatar


Rank: Alpha Member
Join Date: Apr 2008
Location: Malaysia
Posts: 2,801
Thanked 319 Times in 139 Posts

Re: Web tab?

Originally Posted by -fedexer- View Post
Not that it's favoured much in webdesign...but have you tried the idea of iframes?
As much as I would advice that as well, I would extremely extremely discourage that. For one, this "JavaScript Tabbing" is actually easy once you are able to grasps the concept of it. If you were to create your own JavaScript tabbing, you can just setup 2 DIV Layers.

Hide one and show one - the one that is being shown you can load data into it via an Ajax request (this can be easily achieved through jQuery's Load() function, trust me, go with jQuery).

Setup click events for your tab buttons, and on Click, hide one, show the other and vice versa. However, this may seem confusing, therefore my best recommendation for you is to check jQuery UI (sorry, I have a 'fetish' for jQuery xD some would notice from my many other posts).

Take a look at: jQuery UI - Tabs Demos & Documentation
I am sure you would be impressed :)
SaintsIan is offline   Reply With Quote
 

Bookmarks

Thread Tools




no new posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291