vb.org Archive
Page 4 of 5 « First 23 4 5
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)
-   -   Forum Home Enhancements - [vBD]-Facebook Bar..!! (https://vborg.vbsupport.ru/showthread.php?t=217585)

isatice 09-16-2009 01:33 AM
Quote:
Originally Posted by khena25 (Post 1883898)
Can someone tell me how to add a closing/minimizing button to this? It would be really helpful.
you can hide it by using css and onmouseover function .
use 2 different classes , 1 with opacity zero another with opacity 100

gr8whtd0pe 09-17-2009 06:03 PM
Quote:
Originally Posted by khena25 (Post 1883898)
Can someone tell me how to add a closing/minimizing button to this? It would be really helpful.
Or let your users choose to hide or show permanently:

https://vborg.vbsupport.ru/showpost....7&postcount=93

gr8whtd0pe 09-17-2009 06:09 PM
Quote:
Originally Posted by isatice (Post 1883435)
code snip.
sweet works great. Now if IE would use Png's right...

VonDoom 09-17-2009 06:45 PM
Thanks Installed. haha maybe i should look into a fb style to. ;)

blackberry 09-18-2009 02:16 PM
Quote:
Originally Posted by Thug (Post 1869429)
for some reason all i seem to get is this
i am getting same issue as well :confused:

Ihsan M 09-18-2009 10:56 PM
very nice , thanks a lot.

TNCclubman 09-22-2009 03:56 PM
will this work on a regular html page? If so, where does each of the 2 parts go in the html?

TNCclubman 09-22-2009 05:03 PM
how can you widen the bar and not make it so high? (ie thinner and longer)

zekiturk 09-25-2009 06:37 PM
superrr Shevko thanks a lot

installed!! ;)

itsheinz 09-27-2009 04:50 AM
installed ..nice one ;)

BlackJacket 09-28-2009 01:00 PM
A suggestion for the chat -

http://ajaxim.com/

I would like to see this feature using Ajax and as a product.

Thanks for this great Mod! So much potential!

*If anyone can get this working with the Ajax IM would you share it with us. Thank you very much. :)

gr8whtd0pe 09-28-2009 01:52 PM
Quote:
Originally Posted by TNCclubman (Post 1888978)
will this work on a regular html page? If so, where does each of the 2 parts go in the html?
Put this before </head>

Code:
<style type="text/css">
#bar_bottom {
position: fixed;
bottom: 0px;
left: 80px;
right: 80px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}

.bar_float {float:left;padding:7px 5px 0 5px;border-right:1px solid #b5b5b5;}
.bar_float a{padding:2px;}
.bar_float a:hover{padding:2px;background-color:#fff;text-decoration:none;}

.bar_float1 {float:left;padding:7px 5px 0 5px;height:25px;}

.bar_float1 a{text-decoration:none;color:#749474;font-size:11px;}
.bar_float1 a:hover{font-size:11px;color:#000;text-decoration:none;}

.bar_float2 {float:right;padding:7px 5px 0 5px;border-left:1px solid #b5b5b5;height:25px;}

.bar_float2 a{padding:2px;color:#749474;font-size:10px;cursor:pointer;cursor:hand;}
.bar_float2 a:hover{padding:2px;font-size:10px;color:#000;text-decoration:none;}

.bar_contents {padding-top:6px;text-align:center;}
</style>
The other code goes right after the <body> tag.

Quote:
Originally Posted by TNCclubman (Post 1889010)
how can you widen the bar and not make it so high? (ie thinner and longer)
Change
Quote:
height: 30px;
to whatever you like, the images included are tall though, so you can't get much shorter without making new ones.

See how I did it if you like: http://www.wvmotorsports.com

TNCclubman 09-28-2009 02:57 PM
didnt work, it went up, but its not floating. stuck at the top of the page...lol

TNCclubman 09-28-2009 08:47 PM
I have a member that says he cant see it (using firefox) is that possible?

(Im using firefox and I see it)

I dont want to call him a liar... lol

TNCclubman 09-28-2009 08:51 PM
nevermind, he wasnt logged in... duh!

ramil86 09-28-2009 09:35 PM
Thank for that great mode. Is it possible guys to integrate notifications into bar? I mean like in facebook when there are notifications you get red popup bar with notification numbers. I basically want to add vbulletin notification into the bar. Please help me

Thanks

TNCclubman 09-29-2009 12:05 AM
Quote:
Originally Posted by ramil86 (Post 1892006)
Thank for that great mode. Is it possible guys to integrate notifications into bar? I mean like in facebook when there are notifications you get red popup bar with notification numbers. I basically want to add vbulletin notification into the bar. Please help me

Thanks
good idea. Like the flashing new icon when you get a new notification up top in the navbar. But instead moving it down to the bottom right in the footer bar

TNCclubman 09-30-2009 02:50 AM
anyone figure out how to make this show to non logged in users?

gr8whtd0pe 09-30-2009 12:31 PM
Quote:
Originally Posted by TNCclubman (Post 1892052)
good idea. Like the flashing new icon when you get a new notification up top in the navbar. But instead moving it down to the bottom right in the footer bar
It's just a div tag, you can put what ever you want in it. For notifications just do like I do (kinda):

Code:
<if condition="$bbuserinfo[pmunread]">
<a href="private.php">New PM!</a>
<else />
<a href="private.php">No new PM's</a>
</if>

Quote:
Originally Posted by TNCclubman (Post 1892627)
anyone figure out how to make this show to non logged in users?
remove
Code:
<if condition="$bbuserinfo[userid]">
and
Code:
<else />
</if>

TNCclubman 09-30-2009 01:00 PM
instead of just notifying a new pm, how about notifying any notification.

pm
wall post
add as friend
etc etc

Im sure its similar. By the way, thanks great white hope!

gr8whtd0pe 09-30-2009 04:32 PM
Quote:
Originally Posted by TNCclubman (Post 1892795)
instead of just notifying a new pm, how about notifying any notification.

pm
wall post
add as friend
etc etc

Im sure its similar. By the way, thanks great white hope!
Well, a quick Google turned up this site:
http://tech6.com/f51/vbulletin-templ...als-list-t112/

Quote:
If unread Notification
--------------------------------------------------
You can use this conditional to display something if a user has any unread Notification (for vB 3.7 onwards).
Code:
<if condition="$show['notifications']"></if>
Beyond that, its really just trial and error to get it the way you want it to be, until you either get it, or find it online lol.

Btw your welcome for the help, and its Great White Dope, not hope. Its a Bloodhound Gang song.

TNCclubman 10-01-2009 10:19 PM
Quote:
Originally Posted by gr8whtd0pe (Post 1891770)
Put this before </head>

Code:
<style type="text/css">
#bar_bottom {
position: fixed;
bottom: 0px;
left: 80px;
right: 80px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}

.bar_float {float:left;padding:7px 5px 0 5px;border-right:1px solid #b5b5b5;}
.bar_float a{padding:2px;}
.bar_float a:hover{padding:2px;background-color:#fff;text-decoration:none;}

.bar_float1 {float:left;padding:7px 5px 0 5px;height:25px;}

.bar_float1 a{text-decoration:none;color:#749474;font-size:11px;}
.bar_float1 a:hover{font-size:11px;color:#000;text-decoration:none;}

.bar_float2 {float:right;padding:7px 5px 0 5px;border-left:1px solid #b5b5b5;height:25px;}

.bar_float2 a{padding:2px;color:#749474;font-size:10px;cursor:pointer;cursor:hand;}
.bar_float2 a:hover{padding:2px;font-size:10px;color:#000;text-decoration:none;}

.bar_contents {padding-top:6px;text-align:center;}
</style>
The other code goes right after the <body> tag.



Change

to whatever you like, the images included are tall though, so you can't get much shorter without making new ones.

See how I did it if you like: http://www.wvmotorsports.com

This works in FIREFOX, but not in Internet Explorer.

Any ideas?

(Im talking about getting it to work on an html page)

caltek 10-02-2009 03:20 AM
Seems to be working in 3.7.x :)

TNCclubman 10-04-2009 08:58 PM
This works in FIREFOX, but not in Internet Explorer.

Any ideas?

(Im talking about getting it to work on an html page with the code greatwhitedope gave me)

gr8whtd0pe 10-05-2009 02:00 PM
Quote:
Originally Posted by TNCclubman (Post 1894834)
This works in FIREFOX, but not in Internet Explorer.

Any ideas?

(Im talking about getting it to work on an html page with the code greatwhitedope gave me)
Probably because IE does not listen to any HTML standards.

add:
Code:
/* <<<this part is for IE6--- START >>>  */
* html,* html body {
background-image:url(about:blank);
background-attachment:fixed;
}
/*<<< this part is for IE6--- END>>> */
and
Code:
/* <<<this part is for IE6 --- START>>>  */
* html #bar_bottom {
position: fixed;
bottom: 0px;
left: 80px;
right: 80px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}
/*<<< this part is for IE6 --- END >>> */
To your css per https://vborg.vbsupport.ru/showpost....&postcount=118

TNCclubman 10-05-2009 02:34 PM
1st part i added to the begining of the html part you gave me before... 2nd part I added to the begining of the css part you gave me before. I use IE7, its still just displaying at the very bottom of the page, doesnt float, you have to scroll all the way down to see it.

did i put the 2 parts in the right locations? is the first part for the html, 2nd for the css?

gr8whtd0pe 10-06-2009 01:22 PM
yeah put them both in your style tags (css).

HeLLCiTo 10-13-2009 03:01 PM
nice mod !! , next version integration with ibarcade , it whould be perfect !

linuxututs 10-14-2009 07:07 AM
Love this Hack !

One thing I done though was placed
Code:
<!-- Shevko Facebook PM -->
<if condition="$bbuserinfo[pmunread]">
|<blink><a href="private.php" accesskey="2">$bbuserinfo[pmunread] PM!</a>
</blink></if>
Before
Code:
<a href="private.php"><img src="/imgimg/email_open.gif"
and then had to remove the "Private" from
Quote:
Private Messages
to get it to fit into the toolbar. ( For some reason changing 80% to 95% didn't work for lengthening it up......?

Thanks,

ramil86 10-14-2009 07:11 AM
Still nothing about notification bar?

anasota 10-14-2009 10:25 PM
thanks Shevko
it's a very lovely modification

i kind of turned it around.. i added notifications, username and logout link, pop-up menus,,, see how it looks now.. :)
http://forum.fiyadhnajd.net//uploade...1255563628.jpg
wider image
notice.. bar in header

uploader popsup
http://forum.fiyadhnajd.net//uploade...1255562156.jpg

search
http://forum.fiyadhnajd.net//uploade...1255562156.jpg

notifications.. + bar background color turns to Blue..
https://vborg.vbsupport.ru/
wider image

no need for links and notifications in navbar template :)


again.. thank you :)
best wishes

Stevie Night 10-14-2009 11:34 PM
Great Mod! :)

ramil86 10-19-2009 05:07 PM
Quote:
Originally Posted by anasota (Post 1900013)
notifications.. + bar background color turns to Blue..
http://forum.fiyadhnajd.net//uploade...1255563628.jpg
wider image

no need for links and notifications in navbar template :)


again.. thank you :)
best wishes
Hi anasota. Could you please share how you added notifications pop-up? What is the code for that.Please i really would love to add notifications to my bar. And how did you add search pop-up? I'm looking forward to hearing from you. Thanks

Trescom 11-04-2009 08:19 PM
First of all, great mod!
But i have problem with an option for Enable / Disable that bar in UserCP.
I don't fully understand you gr8whtd0pe. You did not specify WHERE to put your code.
I guess you meant Shevko's code?
Code:
<if condition="$bbuserinfo[userid]">
<--- HERE? --->
<!-- Shevko Facebook BAR -->
If yes than i did it. My field is field7, so i changed the red X in your code to number 7.

Now, whatever option i choose, Show or Hide, the bar is still visible. I am using both Firefox and IE.

Any advice please?

Defkalion 12-03-2009 11:27 AM
Anybody got this to work with IE6?

I've added the below to the CSS but still doesn't work on IE6.

Quote:
Originally Posted by gr8whtd0pe (Post 1895140)
Probably because IE does not listen to any HTML standards.

add:
Code:
/* <<<this part is for IE6--- START >>>  */
* html,* html body {
background-image:url(about:blank);
background-attachment:fixed;
}
/*<<< this part is for IE6--- END>>> */
and
Code:
/* <<<this part is for IE6 --- START>>>  */
* html #bar_bottom {
position: fixed;
bottom: 0px;
left: 80px;
right: 80px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}
/*<<< this part is for IE6 --- END >>> */
To your css per https://vborg.vbsupport.ru/showpost....&postcount=118

gr8whtd0pe 12-15-2009 01:47 PM
Quote:
Originally Posted by Trescom (Post 1910281)
First of all, great mod!
But i have problem with an option for Enable / Disable that bar in UserCP.
I don't fully understand you gr8whtd0pe. You did not specify WHERE to put your code.
I guess you meant Shevko's code?
Code:
<if condition="$bbuserinfo[userid]">
<--- HERE? --->
<!-- Shevko Facebook BAR -->
If yes than i did it. My field is field7, so i changed the red X in your code to number 7.

Now, whatever option i choose, Show or Hide, the bar is still visible. I am using both Firefox and IE.

Any advice please?
Sorry I never check this anymore. All you do is replace the sections of his code with what I have.

https://vborg.vbsupport.ru/showpost....&postcount=100

Bouncer222 12-15-2009 09:20 PM
where do you add the CSS exactly? like where do you edit the css template or where ever it is that you edit it?

thanks.

EDIT NVM GOT IT

BuRaCh 12-19-2009 09:04 AM
This is great nice mod.

we want continues:)

bleros 12-22-2009 08:12 AM
Installed and Nominated :)

bleros 12-22-2009 08:38 AM
Albanian Language

PHP Code:
<if condition="$bbuserinfo[userid]">
<!-- Shevko Facebook BAR -->
<div id="bar_bottom" style="width: %80; height: 32px; bottom: 0px;">
<div class="bar_float" style="height: 25px; width: %75;">

<a href="forumdisplay.php?do=markread"><img src="/imgimg/market.png" alt="Sh?no Forumet T? Lexuar" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Kalendari.." width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Lider?t.." width="16" height="16" border="0" /></a>

</div>


<div class="bar_float1" style="width: %80">

<a href="private.php"><img src="/imgimg/email_open.gif" alt="PM" width="16" height="16" border="0" /></a>-<a href="private.php" accesskey="2">Mesazhet Private</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="D?rgo Mesazh.." width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">D?rgo Mesazh</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Grupet Sociale.." width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Grupet</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Kontaktet & Shok?t.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Shok?t</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="Paneli Antarit.." width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">Paneli Antarit</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Ndrysho Emailin & Fjal?kalimin.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Ndrysho Emailin & Fjal?kalimin</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">Kontakto</a>|<a href="search.php?do=getnew" accesskey="2">Postimet e Reja</a>
<!-- Shevko Facebook PM -->
<if condition="$bbuserinfo[pmunread]">
|<blink><a href="private.php" accesskey="2">$bbuserinfo[pmunread] PM!</a>
</blink></if>
<!-- Shevko Facebook PM -->
</div>
</div>
<!-- Shevko Facebook BAR -->
<else />
</if> 


All times are GMT. The time now is 08:10 PM.
Page 4 of 5 « First 23 4 5
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02320 seconds
  • Memory Usage 1,887KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (14)bbcode_code_printable
  • (1)bbcode_php_printable
  • (18)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete