Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[CM] Post Bubble (Sharp, Rounded & Different Colors) Details »
[CM] Post Bubble (Sharp, Rounded & Different Colors)
Mod Version: 1.00, by ChiNa (Coder/Designer) ChiNa is offline
Developer Last Online: Jul 2019 I like it Show Printable Version Email this Page

vB Version: 3.8.7 Rating: (1 vote - 5.00 average) Installs: 4
Released: 15 Aug 2012 Last Update: 16 Aug 2012 Downloads: 30
Not Supported Template Edits Additional Files Translations  

NEWS: Get this mod as XML Product by clicking on the link below:
http://www.vbulletin.org/forum/showthread.php?t=287136


Hey Guys, I have tried to make this to a Product, I must admit it was a bit harder than I expected, but I figured out if we could do this without changing the Default Template, and just add the code instead it will be a lot better, because then you have much more options to change Color of the Background, and the choosing another Tip in different colors!


Example Image



So lets get started:

I will first add 2 Different codes for the Post Bubble! One with Sharp Corners, and the other one with Rounded Corners!

We will do this tutorial with the Sharp Cornered, And keep in mind that it has 2 Parts!

Now we need to find the POST Variable or POST Code in your Postbit_Legacy Template! We have to WRAP our code arround the code in the Postbit_Legacy, so every post will be showen inside the BUBBLE!

Step 1: Go to your ADMINCP area, Click on Styles & Templates, and now you will see your Template name, click on the DropDown Menu to the right of your Template, and choose Edit Template.

You should now be in the template area, now look for Postbit Templates, and then click on "postbit legacy" or your "postbit" template! Depends on which one you use! I use "postbit legacy" on my template!

Step 2: Now find the code below inside the postbit legacy or your postbit template.

Code to find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Now, add our code PART 1: ON TOP OF IT:


Code to add:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Now below the same code add our last part of the code
to close it as a Wrapper:

Code to add below:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



If you notice, we just added the CODE inside our code,,,

And we are done,
Now if you look up in our code, I have marked one of the lines with RED COLOR! Thats the PATH to the TIP your going to use! Now dont forget to upload one of the TIP Images in your forums "images" folder! If you dont know what the TIP is, then this is the TIP => Download the "Extras.zip" file that I have attached below, you will find all the images for the TIPS and also many diffrent codes and COLORS inside the file!

Follow the Tutorial Below for more and exact info!
And make sure to Click on Installed, for further support or help!



Extra Tutorial & Changes


Ok I will now add both of the codes, basicly the full code to the Sharp and Round Cornered Post Bubble

Code 1 (Sharp Cornered)

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.




Code 2 (Round Cornered)

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


So the code is simple, all we did was we added the code from postbit legacy, inside OUR code! Where it says "POSTBIT COD HERE"!
I just explained it in 2 Parts!

Now if you see I have marked the parts that can be edited with a color!



Red:
Path to your TIP image
Blue: Post Bubble Background Color
Lime Green: Color for the Border
Orange: Post Bubble Shadow

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Show Thread Enhancements [CM] Post Bubble (Sharp, Rounded & Different Colors) ChiNa vBulletin 4.x Template Modifications 15 16 Sep 2013 05:14

Comments
  #2  
Old 26 Aug 2012, 21:07
Polo's Avatar
Polo Polo is offline
 
Join Date: Jun 2004
Wow I love this! I was using one that used several images and I noticed that even though the images were small it made a difference when loading my forums..... but with this template modification my forums are fast and snappier... thank you
__________________
God180 <--------------------- My Modified vBulletin
Reply With Quote
  #3  
Old 26 Aug 2012, 23:59
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
You are welcome mate, Glad you made it. Its looking amazing on your website, I must admit.. I would also suggest this for Light templates... Thanks for Installing it!
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #4  
Old 27 Aug 2012, 22:43
Kolektor's Avatar
Kolektor Kolektor is offline
 
Join Date: Jun 2010
i loved this one also. May i request to have a post bubbles alternating on left and right also.
Reply With Quote
  #5  
Old 01 Sep 2012, 19:59
matrex722's Avatar
matrex722 matrex722 is offline
 
Join Date: Jan 2007
wow
its very nice and great
thanks alot
Reply With Quote
  #6  
Old 09 Sep 2012, 14:06
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Originally Posted by Kolektor View Post
i loved this one also. May i request to have a post bubbles alternating on left and right also.
Can you explain a bit more mate about the left and right side,,?
Then I will see what I can do


Originally Posted by matrex722 View Post
wow
its very nice and great
thanks alot

THANK YOU , ENJOY MATE

Guys dont forget to click on Installed.! THANKS
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #7  
Old 10 Sep 2012, 07:09
Kolektor's Avatar
Kolektor Kolektor is offline
 
Join Date: Jun 2010
like this example...

http://www.gaiaonline.com/forum/heal...ng/t.82228653/
Reply With Quote
  #8  
Old 11 Sep 2012, 00:09
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Originally Posted by Kolektor View Post
Yep, Nice example... Yet the one you showed is already an inbuilt one.. This one is custom, with many different colors..
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 11:43.

Layout Options | Width: Wide Color: