Welcome to the [HSX] website!

Been Gaming since 2003

Community Driven Site

Gaming, Web Development, and Support

  

 
Main Menu
 
DFG
 Home
 Join our Clan
 [HSX] Roster
 Forums
 News
 Downloads
 News Letter
 Video tutorials
 Supporters
 Uploads
 F.A.Q
· FAQ
· Docs
· Forums FAQ
 [HS] History
 WhoIS Lookup
 Site Map
 Write a Review
 Image Repo
 Twitch ID Finder
 Logout
DFG
DFG DFG DFG

 
[HSX] Donations
 
DFG
Donation
This here is a combined total of what we need to keep us going each month.

0 %

Donate

End DateJan 01
Target$50.00
Below Target$50.00
CurrencyUSD

Donators This Month
-No Donations Yet-
DFG
DFG DFG DFG

 
Search our Site
 
DFG DFG
DFG DFG DFG

 
Theme Management
 
DFG
DFG
DFG DFG DFG

 
Survey
 
DFG What is your favorite game to play ATM?

WarThunder
World of Tanks
H1Z1
MechWarrior Online
ARK
WarFace
SWTOR
BattleField serier
COD Series
Diablo
Armored Warfare



Results
Polls

Votes 878
Comments: 0
DFG
DFG DFG DFG

 
Honey Pot
 
DFG
Bots in the pot!
We have [1682] bots stopped!

DFG
DFG DFG DFG

     
DFG
 
Forum Index Members Search Usergroups
Ranks Staff Statistics Forum FAQ
Board Rules Edit your profile Login, Check Messages Log in
 


Search for at

Float Left & Right along with Skicky Note bbcode
Goto page 1, 2  Next
Post new topic Reply to topic printer-friendly view List users that have viewed this topic Thank Post Forum Index Nuke Blocks / Modules Support
View previous topic View next topic
PostPosted: Mon Nov 26, 2012 8:20 am Reply with quote
coRpSE
As the title says. I created two new mods for our forums. There are a total of 3 new buttons. First I will talk about is the sticky note...

Expand
[fr:695d1edd44][sn:695d1edd44]This is a sticky note.
Just a way to make a note that you feel may be more important then other things.

Enjoy!!![/sn:695d1edd44][/fr:695d1edd44]
That image there is the sticky note button. If you press it once, then type a message, then press it again, it will put the message into a sticky note just like you see off to the right.
You can also type a short message, then highlight it and then press the sticky note button and it will add the bbcode for your around the message you want to display.

You may also notice that the text is wrapping around it instead of being above it or below it, that is because I am using the other new button I developed called a float button.

Expand & Expand

Those are the float buttons. you would only want to use this with images, sticky notes, videos only. I hope you like these new buttons, took a few days to develop and I am releasing them over at clan themes. I mostly wrote this post as a demonstration but also to help you guys with knowing what they re and what they do.

If you don't see them, you may have to clear your browsers cache...


Expand


 Last edited by coRpSE on Wed Nov 28, 2012 6:58 am; edited 1 time in total

Top Dog
Nuke Dev / Coder

Groups Top Dog
Nuke Dev / Coder
Posts 2348
Joined Jan 12, 2012
Status Offline
View user's profile Send coRpSE a private message Visit user's website Find all posts by coRpSE

PostPosted: Tue Nov 27, 2012 8:31 pm Reply with quote
5STAR
[fl:98e30b4273][sn:98e30b4273]This is a real nice mod.Thanks for the great work, I like it
Go HeadShot[/sn:98e30b4273][/fl:98e30b4273]

NOOB!!!

Groups NOOB!!!
Posts 25
Joined Jan 23, 2012
Status Offline
Gender Male
View user's profile Send 5STAR a private message Visit user's website Visit user's Facebook: 264037510283291 Find all posts by 5STAR

PostPosted: Wed Nov 28, 2012 6:52 am Reply with quote
coRpSE
thanks...


 

Top Dog
Nuke Dev / Coder

Groups Top Dog
Nuke Dev / Coder
Posts 2348
Joined Jan 12, 2012
Status Offline
View user's profile Send coRpSE a private message Visit user's website Find all posts by coRpSE

 
PostPosted: Sat Dec 22, 2012 7:23 am Reply with quote
5STAR
I am just using a random pic here

[fl:6d6dac26b7]Expand[/fl:6d6dac26b7]Notice how the test starts right next to the pic.
Looks kinda weird
When you get a post with allot of text it looks even worse.
Is there a way to leave a gap between the pic and the text ?
Float right works just fine, just float left has the issue


 

NOOB!!!

Groups NOOB!!!
Posts 25
Joined Jan 23, 2012
Status Offline
Gender Male
View user's profile Send 5STAR a private message Visit user's website Visit user's Facebook: 264037510283291 Find all posts by 5STAR

PostPosted: Sat Dec 22, 2012 11:11 pm Reply with quote
coRpSE
Overall, you can add a padding to the css that would do that for you. Overall, I guess if you really don't know how to use floats in a manor to make it look right, I can see where your coming from. With this example I am writing to you, [fl:77ea6473e5]Expand[/fl:77ea6473e5] I am using your image and just writing out a text section to show you how technically you should be using the float system. Floats are something I have used allot back when I was doing those center info module and it was really nice when you was having allot of text that would fill out the side because it would eventually wrap under the image or what ever you were floating the complete the look.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. [fr:77ea6473e5][sn:77ea6473e5]this is just a test thread so don't mind this. This is more of just showing how it works with the padding.[/sn:77ea6473e5][/fr:77ea6473e5] Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.

Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding. Now I am going to fill up this area with worthless babble to show, then I will show you how to or what you will need to do to add in the padding.





All you need to do is go into your themes style.css, and where you see:

Code: [ Select all ]

.floatr
      {
         float: right;
      }

.floatl
      {
         float: left;
      }



just change that to:

Code: [ Select all ]

.floatr
      {
         float: right;
         padding-top:10px;
         padding-bottom:10px;
         padding-right:10px;
         padding-left:10px;
      }

.floatl
      {
         float: left;
         padding-top:10px;
         padding-bottom:10px;
         padding-right:10px;
         padding-left:10px;
      }


that's it.

I think that is what your asking about.


 


 Last edited by coRpSE on Sat Jan 05, 2013 4:26 am; edited 5 times in total

Top Dog
Nuke Dev / Coder

Groups Top Dog
Nuke Dev / Coder
Posts 2348
Joined Jan 12, 2012
Status Offline
View user's profile Send coRpSE a private message Visit user's website Find all posts by coRpSE

PostPosted: Sun Dec 23, 2012 2:06 pm Reply with quote
5STAR
Thanks for the fix Dread, much appreciated.

Happy Holidays, Be safe  lachen


 

NOOB!!!

Groups NOOB!!!
Posts 25
Joined Jan 23, 2012
Status Offline
Gender Male
View user's profile Send 5STAR a private message Visit user's website Visit user's Facebook: 264037510283291 Find all posts by 5STAR

 
PostPosted: Wed Jan 16, 2013 6:42 am Reply with quote
coRpSE
I also just re-read your statement, You also want to put the image in mid paragraph of the first or second paragraph so that will create the illusion of it wrapping around. All text before the float will be the text on top and all after it will be the text wrapping around it.

Play around with it for a bit and try different locations to see where the image will start its float and you will understand what I am talking about.


 

Top Dog
Nuke Dev / Coder

Groups Top Dog
Nuke Dev / Coder
Posts 2348
Joined Jan 12, 2012
Status Offline
View user's profile Send coRpSE a private message Visit user's website Find all posts by coRpSE

PostPosted: Thu Jan 17, 2013 8:16 pm Reply with quote
5STAR
I will take a look, Im still trying to keep unwanted visitors off my site, if you know what I mean. It's a constant battle.


 

NOOB!!!

Groups NOOB!!!
Posts 25
Joined Jan 23, 2012
Status Offline
Gender Male
View user's profile Send 5STAR a private message Visit user's website Visit user's Facebook: 264037510283291 Find all posts by 5STAR

PostPosted: Fri Jan 18, 2013 1:47 am Reply with quote
coRpSE
I hear ya...


 

Top Dog
Nuke Dev / Coder

Groups Top Dog
Nuke Dev / Coder
Posts 2348
Joined Jan 12, 2012
Status Offline
View user's profile Send coRpSE a private message Visit user's website Find all posts by coRpSE

 
PostPosted: Fri Feb 26, 2016 12:48 pm Reply with quote
MAGNET
Nice job as usual Dreaded dude!

Using your concept, I'm able to create a panel for my tutorials and advertising.  Wouldn't have been able to figure it out without you!!

Go HeadShot

Blabbing Noob

Groups Blabbing Noob
Posts 64
Joined Dec 01, 2014
Status Offline
Gender Female
View user's profile Send MAGNET a private message Visit user's website Find all posts by MAGNET

Display posts from previous:
Post new topic Reply to topic printer-friendly view List users that have viewed this topic Thank Post All times are UTC - 7 Hours [DST enabled]
Goto page 1, 2  Next
Page 1 of 2


 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum

Powered by phpBB © 2001, 2019 phpBB Group
DFG
DFG DFG DFG
Forums ©
Copyright © HeadShotDomain 2016 By: coRpSE
SimpleBlack V2 By: Killigan
Powered By: Evolution-Xtreme