Project Perfect Mod Forums
:: Home :: Get Hosted :: PPM FAQ :: Forum FAQ :: Privacy Policy :: Search :: Memberlist :: Usergroups :: Register :: Profile :: Log in to check your private messages :: Log in ::


The time now is Thu Mar 28, 2024 9:10 pm
All times are UTC + 0
How to make nice ASCII borders
Moderators: Global Moderators, Offtopic Moderators
Post new topic   Reply to topic Page 1 of 1 [13 Posts] Mark the topic unread ::  View previous topic :: View next topic
Author Message
DeathRay2K
Commander


Joined: 01 Sep 2002
Location: Canada

PostPosted: Sun Aug 21, 2005 9:46 pm    Post subject:  How to make nice ASCII borders Reply with quote  Mark this post and the followings unread

There are several kinds of borders that you can use, and you can combine them using the correct ASCII character. The point is, if you've been alive long enough to have played old text dos games, then you've probably seen these before. And now you'll know how to use them on the internet using special codes and fixed-width text. (Which someone doesn't see a need for...)
So, I will use the [code] tags, which make things a bit more difficult.

First of all, these are all of the characters that you need:
Code:

─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ ═ ║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛╜ ╝ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫ ╬ ▀ ▄ █ ▌ ▐ ░ ▒ ▓ ■ □ ▪ ▫ ▬ ▲ ► ▼ ◄


There is one way to force the text to use a fixed-width, and that's the <pre> HTML tag.
I'll show you what I mean with a few examples.

Without <pre>
┌────────┐
│This is │
╞════════╡
│Without │
│the pre │
│tag.    │
╘════════╛
░▒▓█

Unfortunately even the pre tag won't fix the vertical spacing on a forum, so I must use the <code> tag for multiline presentations.
Code:

┌────────┐
│This is │
╞════════╡
│with    │
│the code│
│tag.    │
╘════════╛
░▒▓█

The <pre> tag will do with normal HTML what the code tag does with forums.

Even cool little pictures are possible using the ASCII characters.

Code:

   ░░░░░░░░░░░░░░░░░░
  ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░
 ░▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒░
░▒▓█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▓▒░
░▒▓█►─═DeathRay2K═─◄█▓▒░
░▒▓█╒══════════════╕█▓▒░
░▒▓█╠──────────────╣█▓▒░
░▒▓██████████████████▓▒░
 ░▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒░
  ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░
   ░░░░░░░░░░░░░░░░░░


And without fixed-width:

  ░░░░░░░░░░░░░░░░░░
 ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░
░▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒░
░▒▓█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█▓▒░
░▒▓█►─═DeathRay2K═─◄█▓▒░
░▒▓█╒══════════════╕█▓▒░
░▒▓█╠──────────────╣█▓▒░
░▒▓██████████████████▓▒░
░▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒░
 ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░
  ░░░░░░░░░░░░░░░░░░

In fact, even the font that [code] uses isn't optimal, best would be the Courier font.

Now, the HTML codes that make these things work. Find out by quoting this post and seeing for yourself.

_________________

Back to top
View user's profile Send private message Visit poster's website Skype Account
D
Commander


Joined: 25 Oct 2002
Location: United Kingdom

PostPosted: Mon Aug 22, 2005 3:32 am    Post subject: Reply with quote  Mark this post and the followings unread

Very nice tutorial, nice to see people going "old skool". :p

_________________


Back to top
View user's profile Send private message
Nuclear General
Scorpion Sniper


Joined: 30 Apr 2005
Location: USA

PostPosted: Mon Aug 22, 2005 5:13 am    Post subject: Reply with quote  Mark this post and the followings unread

Ok, I don't get it. That coding is foreign to me lol.

_________________

Back to top
View user's profile Send private message Visit poster's website Skype Account Yahoo Messenger Account AIM Address
Denmon
General


Joined: 12 Jun 2004
Location: /S/weden

PostPosted: Wed Aug 24, 2005 9:08 am    Post subject: Reply with quote  Mark this post and the followings unread

Its basicly used to make nametags and shit

Code:
      ___           ___           ___                            
     /\  \         /\  \         /\  \          ___         ___  
    /::\  \       /::\  \       /::\  \        /\  \       /\  \  
   /:/\:\  \     /:/\ \  \     /:/\:\  \       \:\  \      \:\  \
  /::\~\:\  \   _\:\~\ \  \   /:/  \:\  \      /::\__\     /::\__\
 /:/\:\ \:\__\ /\ \:\ \ \__\ /:/__/ \:\__\  __/:/\/__/  __/:/\/__/
 \/__\:\/:/  / \:\ \:\ \/__/ \:\  \  \/__/ /\/:/  /    /\/:/  /  
      \::/  /   \:\ \:\__\    \:\  \       \::/__/     \::/__/    
      /:/  /     \:\/:/  /     \:\  \       \:\__\      \:\__\    
     /:/  /       \::/  /       \:\__\       \/__/       \/__/    
     \/__/         \/__/         \/__/                            



Code:
 _____  ___    ___    _  _
(  _  )(  _`\ (  _`\ (_)(_)
| (_) || (_(_)| ( (_)| || |
|  _  |`\__ \ | |  _ | || |
| | | |( )_) || (_( )| || |
(_) (_)`\____)(____/'(_)(_)
                          

_________________
Please, read the signature rules of the forum.

Back to top
View user's profile Send private message Send e-mail Visit poster's website Skype Account
j4m3sb0nd
Commander


Joined: 10 Nov 2004

PostPosted: Wed Aug 24, 2005 10:59 am    Post subject: Reply with quote  Mark this post and the followings unread

Someone should make a maze with them. Wink

Back to top
View user's profile Send private message
Havoc
Commander


Joined: 04 Jan 2005
Location: Toronto, Canada

PostPosted: Wed Aug 24, 2005 11:09 am    Post subject: Reply with quote  Mark this post and the followings unread

Really old school. It's used in .nfo files for many downloads. They're a good replacement for the sigs.

Back to top
View user's profile Send private message
DeathRay2K
Commander


Joined: 01 Sep 2002
Location: Canada

PostPosted: Wed Aug 24, 2005 4:39 pm    Post subject: Reply with quote  Mark this post and the followings unread

I'm not going to make a 3D maze with them, because that would take rather a long time. But here ya go!

Code:

█████████████████████████ ████████████████████
█                                            █
█ ███████████████████ ████████████████████ ███
█      █               ██████████████        █
██████ █ █████████████ ██████████████ ██████ █
██     █      █████          ████████    █   █
██ ██████████ █████ ████████ ███████████ █ ███
██        ███     █    ███   ████████    █   █
█████████    ████ ████  ██ ██████████ ██████ █
████████████ ██████████ ██ ████       █████  █
██████       ██████     █  ████ ███████     ██
███    ████████████ ███████████      ██ ██████
████████████             ███████████  █ ██████
████████████ ███████████ ████████████ █ ██████
██████       ███████████              █ ██████
██████ █████ ███████████ ████████████   ██████
███    █████ ███████████ ██████████████ ██████
███ ██ █████         ███  ███████       ██████
██  ██     ███ █████ ████  ██████ █████     ██
██ ████ ██ ██   █       ██ ██       ██████████
███████ ██  █ █ █ █████ ██  █ ████████████████
███████  ██ ███ █   █   ███   ████████████████
████████ ██     ███ █ ████████████████████████
█        ████ █████ █          ███████████████
█ ██████   ██  ██   ████ █████          ██████
█    █████ ███ ██ █   ██     ████████ █   ████
████    ██████ ██ ███   ████ ██       ███   ██
████ ██ █      ██   ███ █    ██ ███ █████ █  █
█    ██   █████████ █████ ██ ██  ██    ██ ██ █
█ ██████████           █  ██████ ███ █  █ ██ █
█       ████ ██ ███ ██ █ ███     ███ ██ █  █ █
████ ██  ███  █  ██  █ █     █████   █  ██ █ █
█    ███   ██ ██ ███ █  ███ ███    ███ ██  █ █
███████████████████████████ ██████████████████



Its pretty simple, but yeah!

_________________

Back to top
View user's profile Send private message Visit poster's website Skype Account
Nuclear General
Scorpion Sniper


Joined: 30 Apr 2005
Location: USA

PostPosted: Wed Aug 24, 2005 7:22 pm    Post subject: Reply with quote  Mark this post and the followings unread

Could someone like make a tutorial on this type of coding, that would help out for some people.

_________________

Back to top
View user's profile Send private message Visit poster's website Skype Account Yahoo Messenger Account AIM Address
D
Commander


Joined: 25 Oct 2002
Location: United Kingdom

PostPosted: Wed Aug 24, 2005 10:08 pm    Post subject: Reply with quote  Mark this post and the followings unread

Are you a retard?

_________________


Back to top
View user's profile Send private message
Clarkson
General


Joined: 25 Aug 2004
Location: DAS BOOT IM DER OSTSEE

PostPosted: Thu Aug 25, 2005 12:02 am    Post subject: Reply with quote  Mark this post and the followings unread

YES I AM! LOLZ173!13WTDWTFLOLOMGIGOTABIGK0KGUYEGFGTYUF!!!366253!

_________________
PPM's Reichstrollfuherer, 236th Trollenparties brigade.

Back to top
View user's profile Send private message Send e-mail Skype Account AIM Address
DeathRay2K
Commander


Joined: 01 Sep 2002
Location: Canada

PostPosted: Thu Aug 25, 2005 12:14 am    Post subject: Reply with quote  Mark this post and the followings unread

Nuclear General wrote:
Could someone like make a tutorial on this type of coding, that would help out for some people.


What else is there to know?

_________________

Back to top
View user's profile Send private message Visit poster's website Skype Account
j4m3sb0nd
Commander


Joined: 10 Nov 2004

PostPosted: Thu Aug 25, 2005 8:28 am    Post subject: Reply with quote  Mark this post and the followings unread

DeathRay2K wrote:
I'm not going to make a 3D maze with them, because that would take rather a long time. But here ya go!

Code:

█████████████████████████ ████████████████████
█                                            █
█ ███████████████████ ████████████████████ ███
█      █               ██████████████        █
██████ █ █████████████ ██████████████ ██████ █
██     █      █████          ████████    █   █
██ ██████████ █████ ████████ ███████████ █ ███
██        ███     █    ███   ████████    █   █
█████████    ████ ████  ██ ██████████ ██████ █
████████████ ██████████ ██ ████       █████  █
██████       ██████     █  ████ ███████     ██
███    ████████████ ███████████      ██ ██████
████████████             ███████████  █ ██████
████████████ ███████████ ████████████ █ ██████
██████       ███████████              █ ██████
██████ █████ ███████████ ████████████   ██████
███    █████ ███████████ ██████████████ ██████
███ ██ █████         ███  ███████       ██████
██  ██     ███ █████ ████  ██████ █████     ██
██ ████ ██ ██   █       ██ ██       ██████████
███████ ██  █ █ █ █████ ██  █ ████████████████
███████  ██ ███ █   █   ███   ████████████████
████████ ██     ███ █ ████████████████████████
█        ████ █████ █          ███████████████
█ ██████   ██  ██   ████ █████          ██████
█    █████ ███ ██ █   ██     ████████ █   ████
████    ██████ ██ ███   ████ ██       ███   ██
████ ██ █      ██   ███ █    ██ ███ █████ █  █
█    ██   █████████ █████ ██ ██  ██    ██ ██ █
█ ██████████           █  ██████ ███ █  █ ██ █
█       ████ ██ ███ ██ █ ███     ███ ██ █  █ █
████ ██  ███  █  ██  █ █     █████   █  ██ █ █
█    ███   ██ ██ ███ █  ███ ███    ███ ██  █ █
███████████████████████████ ██████████████████



Its pretty simple, but yeah!


Thats class man, good job! Very Happy

If you ever get really bored hough, feel free to make that 3D maze hehe. Wink

Back to top
View user's profile Send private message
friday-13th
Commander


Joined: 08 Aug 2005
Location: Toronto Ontario

PostPosted: Thu Sep 01, 2005 3:47 pm    Post subject: Reply with quote  Mark this post and the followings unread

this is so difficult[/code]

Back to top
View user's profile Send private message Send e-mail Visit poster's website Skype Account Yahoo Messenger Account
Display posts from previous:   
Post new topic   Reply to topic Page 1 of 1 [13 Posts] Mark the topic unread ::  View previous topic :: View next topic
 
Share on TwitterShare on FacebookShare on Google+Share on DiggShare on RedditShare on PInterestShare on Del.icio.usShare on Stumble Upon
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 can download files in this forum


Powered by phpBB © phpBB Group

[ Time: 0.1797s ][ Queries: 11 (0.0082s) ][ Debug on ]