Geekzone: technology news, blogs, forums
Guest
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.


Cyris

121 posts

Master Geek


#78820 9-Mar-2011 01:51
Send private message

Hi guys,

I got bored so I decided to create a simple signature template for the geeks who enjoy showing off their special machines that they love so much and maybe for those who don't even have a signature.

The signature will look like this =>

sig





Template here =>



<ul style="font-weight: bold; float: left; list-style-type: none; width: 30%; padding-left: 1px; margin-top: -14px;">

   <li><img alt="OS" src="https://cdn.geekzone.co.nz/imagessubs/f6bb1d2dd7c777c9e93546c5de031737.jpg"> Operating System - TEXT HERE</li>

   <li><img alt="Monitors" src="https://cdn.geekzone.co.nz/imagessubs/9c2ccd32617bef13c625488551336ba5.jpg "> Monitors - TEXT HERE </li>
  
   <li><img alt="CPU" src="https://cdn.geekzone.co.nz/imagessubs/557029ffbb7f2f38a1d43877135d3f2c.jpg "> CPU - TEXT HERE</li>
</ul>

<ul style="font-weight: bold; float: left; list-style-type: none; width: 22%; display: block; margin-top: -29px;">

   <li><img alt="RAM" src="https://cdn.geekzone.co.nz/imagessubs/dcd6dc1846799a9f42009ca2649ad490.jpg"> RAM - TEXT HERE</li>

   <li><img alt="GPU" src="https://cdn.geekzone.co.nz/imagessubs/57ee114b8ddc89a81c3ad73f7303191b.jpg"> GPU - TEXT HERE</li>

   <li><img alt="HDD" src="https://cdn.geekzone.co.nz/imagessubs/24390755e7c988fdaf35cd570f889484.jpg "> Drives - TEXT HERE</li>
</ul>






Sorry for the messy code, but GeekZone doesn't support pre-formatted text (that I'm aware of).

Just replace all your specs in the designated areas (TEXT HERE), if you are adding a lot of information then adjust the CSS width for each <ul> so it all fits in.

Here's the trick
, for some reason Geekzones HTML editor keeps adding <br /> when ever you save your signature, and it kinda messes up all the spacing of this template. I've added CSS to counteract this but it only works with one save.


What? Explain Please? - If you add this to your signature, make sure to fill in all the information correctly, then click save. It will add the <br /> where it wants to, but the CSS should fix it. If you decide to go back and save it again it will add even more <br /> in the code, therefor screwing up the template.

You would have to start all over again, copy paste the code, edit and save only once. So make sure you fill in your specs correctly the first time.

If you would like to improve this code, feel free to do so but please paste the code below so we can keep this all in one thread.

Enjoy
~Cyris


Create new topic
Cyris

121 posts

Master Geek


  #446838 9-Mar-2011 02:40
Send private message

Update

Tried to edit the post to add increased compatibility for the code but it won't allow me now, so the update will be here.

If you are adding a lot of information then adjust the CSS width for each <ul> so it all fits in. Remember to consider the resolutions of other users screens when they view your signature, You can edit the CSS to fit 1280x800 screens and upwards by changing the first <ul> width to 335px and the second <ul> width to 250px

I should have used "px" instead of "%" in the first place anyways.

Tips: Try to keep your specs as short as possible, adding too much characters on one line might be wider than the specified width so the text will move to the next line making it look uneven.





NZCoderGuy
513 posts

Ultimate Geek

Trusted
Kiwi Dev Studios

  #446899 9-Mar-2011 11:49
Send private message

done.. how does mine look?

Edit// it looks like pants.. damnn 




--
Stephen
twitter/ NZCoderGuy / KiwiDevStudios

Kiwi Dev Studios


freitasm
BDFL - Memuneh
79250 posts

Uber Geek

Administrator
ID Verified
Trusted
Geekzone
Lifetime subscriber

  #446900 9-Mar-2011 11:53
Send private message

There's a reason why we add the BR tags - and it has to do with some options set in the rich text editor. I will look into updating this soon.

In the meantime, we could create a "standard" signature block, where users would just enter the information and we would provide the icons, etc.

You could just update your profile and have that automatically generated for you... What do you think?




Please support Geekzone by subscribing, or using one of our referral links: Samsung | AliExpress | Wise | Sharesies | Hatch | GoodSyncBackblaze backup




Cyris

121 posts

Master Geek


  #446901 9-Mar-2011 11:55
Send private message

freitasm: There's a reason why we add the BR tags - and it has to do with some options set in the rich text editor. I will look into updating this soon.

In the meantime, we could create a "standard" signature block, where users would just enter the information and we would provide the icons, etc.

You could just update your profile and have that automatically generated for you... What do you think?


Well that sounds much easier =)

Could we also have an option to add pre-formatted text? So us developers can share code?

freitasm
BDFL - Memuneh
79250 posts

Uber Geek

Administrator
ID Verified
Trusted
Geekzone
Lifetime subscriber

  #446902 9-Mar-2011 11:56
Send private message

Will work on that later this week.





Please support Geekzone by subscribing, or using one of our referral links: Samsung | AliExpress | Wise | Sharesies | Hatch | GoodSyncBackblaze backup


heavenlywild
5059 posts

Uber Geek

Trusted

  #446903 9-Mar-2011 11:58
Send private message

Love it, good idea guys!




Buying a Tesla? Use my Tesla referral link and we both get discounts and credits.


xpd

xpd
Geek @ Coastguard NZ
13765 posts

Uber Geek

Retired Mod
ID Verified
Trusted
Lifetime subscriber

  #446910 9-Mar-2011 12:18
Send private message

freitasm:

In the meantime, we could create a "standard" signature block, where users would just enter the information and we would provide the icons, etc.

You could just update your profile and have that automatically generated for you... What do you think?


Was going to suggest that.... :)

I'll have to enter my PS3 details as I dont own a PC...




       Gavin / xpd / FastRaccoon / Geek of Coastguard New Zealand

 

                      LinkTree

 

 

 


 
 
 

Cloud spending continues to surge globally, but most organisations haven’t made the changes necessary to maximise the value and cost-efficiency benefits of their cloud investments. Download the whitepaper From Overspend to Advantage now.
gehenna
8495 posts

Uber Geek

Moderator
Trusted
Lifetime subscriber

  #446911 9-Mar-2011 12:28
Send private message

Are signatures required at all? Can't you just stick a link under a users avatar to their profile page for people that can't figure out that you just have to click their username? Signatures just make my page load slower and are annoying, truly annoying.

Cyris

121 posts

Master Geek


  #446914 9-Mar-2011 12:32
Send private message

gehenna: Are signatures required at all? Can't you just stick a link under a users avatar to their profile page for people that can't figure out that you just have to click their username? Signatures just make my page load slower and are annoying, truly annoying.


Such a signature should not have a big effect on your loading speed at all, the icons are ranging from 1kb-2kb each, and the rest is just plain text.

You would have to be below dialup to even notice a difference.

freitasm
BDFL - Memuneh
79250 posts

Uber Geek

Administrator
ID Verified
Trusted
Geekzone
Lifetime subscriber

  #446915 9-Mar-2011 12:33
Send private message

Subscribers can disable signatures in all pages...




Please support Geekzone by subscribing, or using one of our referral links: Samsung | AliExpress | Wise | Sharesies | Hatch | GoodSyncBackblaze backup


gehenna
8495 posts

Uber Geek

Moderator
Trusted
Lifetime subscriber

  #446918 9-Mar-2011 12:38
Send private message

Cyris: You would have to be below dialup to even notice a difference.


Yeah I know, but they do make more space for me to scroll through in a page.  I know I know, I'm a pedant.  I'm just not a fan and will look for any reason to disparage them no matter how ludicrous :) 

 

Kaos36
709 posts

Ultimate Geek


  #446921 9-Mar-2011 12:40
Send private message

Awesome will do this later! On my lunch break.




Worst Response To A Crisis:
From a readers' Q and A column in TV GUIDE: "If we get involved in a nuclear war, would the electromagnetic pulses from exploding bombs damage my videotapes?"



freitasm
BDFL - Memuneh
79250 posts

Uber Geek

Administrator
ID Verified
Trusted
Geekzone
Lifetime subscriber

  #446926 9-Mar-2011 12:43
Send private message

Cyris:
gehenna: Are signatures required at all? Can't you just stick a link under a users avatar to their profile page for people that can't figure out that you just have to click their username? Signatures just make my page load slower and are annoying, truly annoying.


Such a signature should not have a big effect on your loading speed at all, the icons are ranging from 1kb-2kb each, and the rest is just plain text.

You would have to be below dialup to even notice a difference.


Also if we make it official (still optional to have of course) all those images would be automatically optmised and distributed through our CDN arrangements too.




Please support Geekzone by subscribing, or using one of our referral links: Samsung | AliExpress | Wise | Sharesies | Hatch | GoodSyncBackblaze backup


Create new topic





News and reviews »

Air New Zealand Starts AI adoption with OpenAI
Posted 24-Jul-2025 16:00


eero Pro 7 Review
Posted 23-Jul-2025 12:07


BeeStation Plus Review
Posted 21-Jul-2025 14:21


eero Unveils New Wi-Fi 7 Products in New Zealand
Posted 21-Jul-2025 00:01


WiZ Introduces HDMI Sync Box and other Light Devices
Posted 20-Jul-2025 17:32


RedShield Enhances DDoS and Bot Attack Protection
Posted 20-Jul-2025 17:26


Seagate Ships 30TB Drives
Posted 17-Jul-2025 11:24


Oclean AirPump A10 Water Flosser Review
Posted 13-Jul-2025 11:05


Samsung Galaxy Z Fold7: Raising the Bar for Smartphones
Posted 10-Jul-2025 02:01


Samsung Galaxy Z Flip7 Brings New Edge-To-Edge FlexWindow
Posted 10-Jul-2025 02:01


Epson Launches New AM-C550Z WorkForce Enterprise printer
Posted 9-Jul-2025 18:22


Samsung Releases Smart Monitor M9
Posted 9-Jul-2025 17:46


Nearly Half of Older Kiwis Still Write their Passwords on Paper
Posted 9-Jul-2025 08:42


D-Link 4G+ Cat6 Wi-Fi 6 DWR-933M Mobile Hotspot Review
Posted 1-Jul-2025 11:34


Oppo A5 Series Launches With New Levels of Durability
Posted 30-Jun-2025 10:15









Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.



Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.