Bookmarking Popup Configuration Module Part 1

Social Bookmarking Popup: Module Settings - Part 1

 

Bookmarking Popup Module Settings

module settings pic

Module Class Suffix: Use this field to append a suffix to your module class if you plan to use custom CSS.

Choose Icon Size: Enter a value for the size of the icons in pixels (usually between 16 and 48).

Align Icons (Left/Center/Right): This field determines the behavior of the buttons ie. whether the buttons float left, are centered or float right.

Alignment (Horizontal/Vertical): Choose the orientation you would like to use for the buttons. Either Horizontal Row or Vertical Tower.

Special Effect (None/Dog Ear/Enlarge/Shrink/Shift Up/Highlight/Rotate/Bullseye/Custom): Select a mouse-over effect or no effect.

  • None: No special effect.
  • Dog Ear: Right upper corner dog ear. (only works on white background).
  • Enlarge: Icon enlarges on mouse-over.
  • Shrink: Icon shrinks on mouse-over.
  • Shift Up: Icon shifts upward on mouse-over.
  • Highlight: Border changes color on mouse-over.
  • Rotate: Icon rotates on mouse-over.
  • Bullseye: Bullseye appears over icon on mouse-over.
  • Custom: Create a custom effect on mouse-over.

 

Background Color of Module: Use this setting for shrink and shift effects.

Color to Highlight your Icons: Choose the color you would like the border to change to on mouse-over.

Degrees to Rotate your Icons (90/180/270/-90/-180/-270): Choose how many degress you would your icons to rotate on mouse-over.

Space Between Icons: Enter a value for the number of pixels of space to place between the icons.

Hover Text: Enter a phrase to be displayed on mouse-over (the bookmarking service name is added to the end automatically).

Button CSS Style: Place any custom css code for the buttons here.

 

Floating Button Settings

module settings pic

Enable Icons on Side (Yes/No): Enabling this feature allows the display of the buttons along the side of the screen or the side of your content.

Margin from Top or Bottom: This is the amount of space in pixels that will precede the display of the buttons. This distance will be either spaced away from the top of the page if you choose 'Top Placement' or spaced up from the bottom of the page if you choose 'Bottom Placement'.

Margin L/R or Center: This is the amount of space in pixels the buttons will be spaced away from either the center of the page if you choose 'Center Starting Position' or the side of the page if you choose 'Side Starting Position'.

Style Fixed or Floating (Fixed/Floating): Fixed means your buttons are fixed to a specific location on the screen and will not move even if the page scrolls. Floating means that the icons will move along with the web-page if it scrolls up or down.

Starting Position of Icons (Center of Screen/Side of Screen): Choosing 'Center of Screen' will allow you to place your icons along the side of your content area and because the icons are set to an explicit distance away from the center of the screen, they will always appear perfectly placed alongside the content even if viewed in different screen resolutions and widths. Choosing 'Side of Screen' will place the icons alongside the outer edge of the screen. In this scenario, the icons will float at the edge of the screen and may appear closer or further away from the content area depending on what resolution or screen width the website is viewed in.

Orientation of Icons (Right/Left): This determines on which side of the screen the icons are to be displayed, either the left or the right.

Placement of Icons (Bottom/Top): This determines whether the display of the icons originates from the top of the webpage or the bottom.

Display a Backdrop (Yes/No): Enabling this feature allows the display of a shaded rectangular 'Backdrop' upon which the buttons will appear.

Backdrop Color: Place the HEX value for the color you wish to use for the backdrop here.

Backdrop Height: The size in pixels to use for the Backdrop height.

Backdrop Width: The size in pixels to use for the Backdrop width.

Border Style (None/Dotted/Dashed/Solid/Double/Groove/Ridge/Inset/Outset): Choose the style of border you wish to use for the backdrop.

Border Width (1-9): Choose the width in pixels you would like the border to appear.

Backdrop Style CSS: Place any custom CSS Style for the backdrop here.

Button CSS Style: Place any custom css code for the buttons here.



Continued in Part 2

Member Login

Total Members

17275 registered
0 today
0 yesterday
0 this week
1 this month
Last
yvocazi offline

Members Online

No members online
Members: 0 / Guests: 66
Total: 66

Community Poll

Which Social Network do you use the Most?

Facebook - 67.5%
Google +1 - 10.1%
Twitter - 8.7%
Pinterest - 1.3%
Linkedin - 4.9%
Stumbleupon - 1.2%
Digg - 1.6%
Youtube - 4.6%

Total votes: 690
The voting for this poll has ended on: 25 Mar 2015 - 00:00

Contact Us

 

Extension Fervor
9330 Corporate Dr.
Selma, TX 78154 USA
(210) 858-3296

syrinşaat
mekonpc
antalya temizlik firmasi
antalya temizlik sirketi
antalya temizlik sirketi
antalya temizlik firmasi