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.




121 posts

Master Geek


# 78820 9-Mar-2011 01:51
One person supports this post
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


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.



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


 
 
 
 


BDFL - Memuneh
64956 posts

Uber Geek

Administrator
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?






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?

3664 posts

Uber Geek

Trusted

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

Love it, good idea guys!

xpd

Chief Trash Bandit
10150 posts

Uber Geek

Mod Emeritus
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...




XPD / Gavin / DemiseNZ

 

Server : i5-3470s @ 3.50GHz  16GB RAM  Win 10 Pro    Workstation : (TBC)    Console : Xbox One

 

Now on BigPipe 100/100 and 2Talk               Add me on Steam


 
 
 
 


5840 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.



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.

5840 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 :) 

 

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?"



BDFL - Memuneh
64956 posts

Uber Geek

Administrator
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.




Create new topic



Twitter and LinkedIn »



Follow us to receive Twitter updates when new discussions are posted in our forums:



Follow us to receive Twitter updates when news items and blogs are posted in our frontpage:



Follow us to receive Twitter updates when tech item prices are listed in our price comparison site:





News »

Samsung Galaxy Fold now available in New Zealand
Posted 6-Dec-2019 00:01


NZ company oDocs awarded US$ 100,000 Dubai World Expo grant
Posted 5-Dec-2019 16:00


New Zealand Rugby Selects AWS-Powered Analytics for Deeper Game Insights
Posted 5-Dec-2019 11:33


IMAGR and Farro bring checkout-less supermarket shopping to New Zealand
Posted 5-Dec-2019 09:07


Wellington Airport becomes first 5G connected airport in the country
Posted 3-Dec-2019 08:42


MetService secures Al Jazeera as a new weather client
Posted 28-Nov-2019 09:40


NZ a top 10 connected nation with stage one of ultra-fast broadband roll-out completed
Posted 24-Nov-2019 14:15


Microsoft Translator understands te reo Māori
Posted 22-Nov-2019 08:46


Chorus to launch Hyperfibre service
Posted 18-Nov-2019 15:00


Microsoft launches first Experience Center worldwide for Asia Pacific in Singapore
Posted 13-Nov-2019 13:08


Disney+ comes to LG Smart TVs
Posted 13-Nov-2019 12:55


Spark launches new wireless broadband "Unplan Metro"
Posted 11-Nov-2019 08:19


Malwarebytes overhauls flagship product with new UI, faster engine and lighter footprint
Posted 6-Nov-2019 11:48


CarbonClick launches into Digital Marketplaces
Posted 6-Nov-2019 11:42


Kordia offers Microsoft Azure Peering Service
Posted 6-Nov-2019 11:41



Geekzone Live »

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


Support Geekzone »

Our community of supporters help make Geekzone possible. Click the button below to join them.

Support Geezone on PressPatron



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.

Alternatively, you can receive a daily email with Geekzone updates.