vb.org Archive
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)
-   -   BB Code Enhancements - BBcode Image Resizer with CSS (https://vborg.vbsupport.ru/showthread.php?t=199252)

friend01 12-18-2008 10:00 PM
BBcode Image Resizer with CSS
 
1 Attachment(s)
BBcode Image Resizer with CSS. Enlarged image onMouseover.
This code is very simple and will not affect page load speed.

DEMO

Step 1:
Go to--->ACP--->Custom BB Codes--->Add new BBcode.
Title: BBcode Image Resizer with CSS
BB Code Tag Name: imgr
Replacement:
Code:
<a class="thumbnail" href="#thumb"><img src="{param}" width="320px" height="240px" border="0" /><span><img src="{param}" /><br />Image</span></a>
Example: [IMGR]You Image link[/IMGR]
Description: Image Resizer with CSS. Enlarged image onMouseover.
Use {option}: No

Click SAVE BBcode.

Step 2:
Go to--->ACP--->Styles & Templates--->Style Manager--->You Styles--->Main CSS--->Additional CSS Definitions
add this Code on the bottom of the window last

Code:

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
it is completed :)

rob01 12-19-2008 06:12 PM
this dosnt work with the image re-sizer right?

and it kinda makes vb edit option to stop working :S

eTiKeT? 12-19-2008 06:16 PM
Thanks
İnstalled ...

maxie 02-06-2009 03:37 AM
not work for me.

Phantasmagoric 02-12-2009 02:33 PM
It doesn't work for me either, shame as there isn't an IMG resize mod' for 3.8.1, not that I can find.

trickfly 02-12-2009 02:36 PM
I haven't installed because it looks like its not working, which is a real shame, because this would of been great!

Phantasmagoric 02-12-2009 02:41 PM
This one works with 3.8.1,
https://vborg.vbsupport.ru/showthread.php?t=172024
just installed it and it's working perfectly.

djXpire2 05-03-2009 06:32 PM
works good with Version 3.8.2, just installed it. Thanks! :)

UncleGrundle 05-24-2009 05:25 AM
This is fantastic! Works great.

One thing that I would like to be able to do though, would be to disable the full size image on mouseover. Is there anyway to modify the code so that it only shows the thumbnail?

Mr Morningstarr 05-24-2009 01:07 PM
This works for me on 3.8.1 but the resized images get quite squashed up, it doesn't seem to keep the proportions.


All times are GMT. The time now is 11:47 PM.
Page 1 of 2 1 2
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.01156 seconds
  • Memory Usage 1,729KB
  • 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
  • (2)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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