User talk:Joseph A. Spadaro/Sandbox/Page126

Links

Wikipedia:Service awards

Template:Userbox

Template:Userbox/doc

Wikipedia:Userboxes/Media/Books

User:Menasim/Userboxes/User quote

User:Menasim/Userboxes/User quote2

List of script typefaces

Best Safe Web Fonts

Code

{{{info}}}

Usage

{{userbox
| bodyclass     = <!--Adds an HTML class attribute to the entire template's HTML table, to allow for styling, emission of microformats, etc.-->
| border-c      = <!--border color (default=id-c)-->
| border-s      = <!--border width in pixels (default=1, other widths may make userbox difficult to stack)-->
| float         = <!--left|right|none (default=left)-->
| id            = <!--id image or text (image size should normally not exceed 90x45px)-->
| id-a          = <!--id horizontal alignment left/center/right/justify (default=center)-->
| id-c          = <!--id background color (default=#d0d0d0)-->
| id-fc         = <!--id font color (default=black)-->
| id-h          = <!--id box height in pixels (default=45)-->
| id-lh         = <!--id line height (default=1.25em)-->
| id-op         = <!--id other CSS parameters-->
| id-p          = <!--id cell padding (default=0 1px 0 0)-->
| id-s          = <!--id text size in points (default=14)-->
| id-w          = <!--id box width in pixels (default=45)-->
| info-class    = <!--Adds an HTML class attribute to the "info" HTML table-row, to allow for styling, emission of microformats, etc.-->
| info          = <!--info text or image-->
| info-a        = <!--info horizontal alignment left/center/right/justify (default=left)-->
| info-c        = <!--info background color (default=#e0e0e0)-->
| info-fc       = <!--info font color (default=black)-->
| info-lh       = <!--info line height (default=1.25em)-->
| info-op       = <!--info other CSS parameters-->
| info-p        = <!--info padding (default=0 4px 0 4px)-->
| info-s        = <!--info text size in points (default=8)-->
| nocat         = <!--block page category declarations; see [[WP:NOCAT]] (default=false)-->
| usercategory  = <!--user category (optional, unlinked and without the "Category:" part)-->
| usercategory2 = <!--user category (optional)-->
| usercategory3 = <!--user category (optional)-->
| usercategory4 = <!--user category (optional)-->
| usercategory5 = <!--user category (optional)-->
}}

• All parameters are optional
• Images should normally be scaled to x45px or less.

Basic example

 My text is here.

| id-h =

| id-w =

Does Wikipedia have a page that teaches an editor how to create a User Box?

Does Wikipedia have a page that teaches an editor how to create a User Box? Thanks. Joseph A. Spadaro (talk) 23:52, 14 October 2019 (UTC)

Does Wikipedia:Userboxes#Design: How to construct the box help? --Floquenbeam (talk) 00:12, 15 October 2019 (UTC)

Thanks. But, no, not really. That presumes that someone already knows how to create a box ... and it then offers specific ways to format said box. I need to start from scratch, not knowing the first thing about how to create a box. Thanks. Joseph A. Spadaro (talk) 04:23, 15 October 2019 (UTC)

​Help:A quick guide to templates (or Help:Template for a more in-depth view) might help understand those instructions. Eman235/talk 04:55, 15 October 2019 (UTC)

I also gave a brief explanation on your talk page, the explanation took up quite a bit of space so I didn't want to place it here. OkayKenji ^{(talk page)} 06:22, 15 October 2019 (UTC)

@OkayKenji: Thanks. I replied to your message on my Talk Page. Please check there. Thanks Joseph A. Spadaro (talk) 20:04, 15 October 2019 (UTC)

Thanks, all! Joseph A. Spadaro (talk) 19:08, 16 October 2019 (UTC)

Resolved

Basic Userbox Help

Hi! Saw your question at the WP:Help Desk. I'm not that experienced with user boxes either...but here's how to make a basic userbox using the template.

Wikitext	Outcome	Some explanation
{{userbox| |border-c = #000000 |border-s = 2 |id = Text for narrower box |id-c = #ff00ff |info = What you want to see in the bigger box |info-c = #ffeeff }}	Text for narrower boxWhat you want to see in the bigger box	This is vary basic but,... border-c and border-s The color and thickness of the border respectively. For help on HTML colors see [[Web colors#HTML color names id Any text you want in the smaller box. id-c The color of the smaller box info Any text you want in the bigger box. info-c The color of the bigger box Attribution to/adapted from (did not copy paste) from Template:Userbox, find more info there.

Hope this helps! Is basically what was on the pages the other editors mentioned. OkayKenji ^{(talk page)} 06:24, 15 October 2019 (UTC)

@OkayKenji: Thanks. Yes, this is extremely helpful. Thank you! Joseph A. Spadaro (talk) 19:53, 15 October 2019 (UTC)

@OkayKenji: Also: Do you know how to make that "rectangle" as just one full rectangle ... without separating the smaller left side from the larger right side? Is there a way to make the User Box as just one, full rectangle? Sort of like the box I created below? In the box below, I "cheated" by taking the left side and making it the same exact color as the right side. I'd like a User Box to look like this, in appearance. But, have the text be visible (perhaps, centered) in the full rectangle ... not have the rectangle split into a left and right side. Is this possible? Thanks. Joseph A. Spadaro (talk) 19:54, 15 October 2019 (UTC)

  

Looks like this question was answered at the Help Desk? OkayKenji ^{(talk page)} 20:15, 16 October 2019 (UTC)

@OkayKenji: Yes. Thanks for your help, above, also! Joseph A. Spadaro (talk) 02:59, 17 October 2019 (UTC)

User Box question

Is it possible to do what I want, while creating a User Box? Does anyone know how to make that User Box "rectangle" as just one full rectangle ... without separating the smaller left side from the larger right side? Is there a way to make the User Box as just one, full rectangle? Sort of like the box I created below? In the box below, I "cheated" by taking the left side and making it the same exact color as the right side. I'd like a User Box to look like this, in appearance. But, have the text be visible (perhaps, centered) in the full rectangle ... not have the rectangle split into a left and right side. Is this possible?

  

Thanks. Joseph A. Spadaro (talk) 21:58, 15 October 2019 (UTC)

Template:Userbox says:

| id-w          = <!--id box width in pixels (default=45)-->

Use | id-w = 0:

This userbox has id-w = 0

id must be omitted or empty for this to work. PrimeHunter (talk) 23:19, 15 October 2019 (UTC)

Thanks! Joseph A. Spadaro (talk) 19:12, 16 October 2019 (UTC)

Resolved

How to make a User Box bigger

How do I make a User Box bigger ... meaning, more width and more height? Here is the "code" below that I am using.

{{userbox| | border-c = #000000 | border-s = 2 | id = {{nbsp}} | id-c = #ffeeff | id-w = 0 | info = My text is here. | info-c = #ffeeff }}

Which produces this:

 My text is here.

So, what if, say, I want the Box to be twice as wide and twice as tall? Thanks. Joseph A. Spadaro (talk) 21:45, 17 October 2019 (UTC)

I have not tested it out yet but adding |id-w = and |id-h = should change the width of the id box (left box) respectively. Their parameters are the number of pixels you want so, |id-w = 1000 would make a box with a width of 1000 OkayKenji ^{(talk page)} 00:21, 18 October 2019 (UTC)

However, I just noticed that may not work for chaining the width/height of the "info" side (the side that says "My text is here.", "won't work with userbox with just one full rectangle"). OkayKenji ^{(talk page)} 00:32, 18 October 2019 (UTC)

It's not possible to change the width, as the module always sets the total width to be 240 pixels. I think the height expands to fit the contents. -- John of Reading (talk) 03:37, 18 October 2019 (UTC)

Yes. The width is fixed to make userboxes line up in columns. If you really want a different width on your own userpage then you can use Special:ExpandTemplates to find code like width:236px and wrap the userbox in {{replace|...|width:236px|width:472px}}:

 My text is here.

Don't do this on userboxes meant for transclusion by others, and generally don't use {{replace}} to manipulate template output outside your own userspace. It's an unstable method. For example, if border-s is changed then width:236px is also changed. The width is 240 − 2×border-s, but this could also change if the default infobox design is changed. PrimeHunter (talk) 10:49, 18 October 2019 (UTC)

Thanks! How about the height? Can that be manually increased (i.e., while not being contingent on adapting the necessary height to "fit" any exetnded text itself) ... ? In other words, can the height be manually increased, independent of whatever text is necessary to accommodate? Thanks! Joseph A. Spadaro (talk) 15:53, 18 October 2019 (UTC)

Template:Userbox#Usage shows id-h. The default height is doubled with | id-h = 90. PrimeHunter (talk) 19:13, 18 October 2019 (UTC)

Different colors: verbal names versus 6-digit code numbers

H E L L O

The above "box" contains three different colors ... "solid grey" ... "navy" ... and "white". How can I find the 6-digit code numbers for these colors, instead of using the verbal descriptions of the colors? For example, I can't find "solid grey" anywhere. Thanks. Joseph A. Spadaro (talk) 21:57, 19 October 2019 (UTC)

@Joseph A. Spadaro: solid is not part of the color name, it is property of the border. Other options could be dotted or dashed, for example. [1]. Color codes may be found here: Web_colors#HTML_color_names RudolfRed (talk) 22:06, 19 October 2019 (UTC)

Thanks! Joseph A. Spadaro (talk) 00:15, 21 October 2019 (UTC)

Resolved

Changing font

In a User Box, can one change the font? I was looking at this page (Template:Userbox) ... and I don't see any field that allows for a change of font. Thanks. Joseph A. Spadaro (talk) 00:19, 21 October 2019 (UTC)

A font can be set as part of the id or info parameter like in other wikitext: Here is Cursive. PrimeHunter (talk) 00:55, 21 October 2019 (UTC)

Here is Cursive

Thanks. Is there a page on Wikipedia -- or on the Internet -- that has a list of the available fonts and their "official names" that can be used within the template? Thanks. Joseph A. Spadaro (talk) 03:14, 21 October 2019 (UTC)

Perhaps Wikipedia:Typography might be a good resource or https://www.w3schools.com/cssref/css_websafe_fonts.asp as an outside source, but there may be more. OkayKenji ^{(talk page)} 04:13, 21 October 2019 (UTC)

Thanks, all. Joseph A. Spadaro (talk) 17:29, 21 October 2019 (UTC)

Script fonts that "work" in CSS and in Wikipedia

Hello. I am trying to find a list of "script" types of fonts, that will "work" in CSS and in Wikipedia. Is there some list available? Here on Wikipedia ...? Or on the Internet ...? Or do I have to do a "trial and error" on each specific font to see if it will work? I am referring to fonts like these ---> List of script typefaces. Thanks. Joseph A. Spadaro (talk) 21:01, 21 October 2019 (UTC)

The font code is passed directly to your browser so it's the browser or operating system and not Wikipedia which decides what works. It varies which fonts a browser can show but there are fallbacks so the browser will still show the text with another font. You have freedom in your userspace but see MOS:FONTFAMILY for articles. You can try searching for web-safe fonts. There are many Google hits but I don't know which to recommend. PrimeHunter (talk) 22:01, 21 October 2019 (UTC)

Thanks. OK, so which fonts are "usable" depends not on Wikipedia, but on my browser (i.e., Mozilla Firefox). So -- back to my original question -- to see if a font is "usable" (for my browser), do I have to go through each font, one by one, and do a "trial and error"? Or is there some easier and quicker way to see which fonts are available to me and, hence, which I can select from? Thanks. Joseph A. Spadaro (talk) 23:13, 21 October 2019 (UTC)

If it's just for you then see https://support.mozilla.org/en-US/kb/change-fonts-and-colors-websites-use#w_changing-font. PrimeHunter (talk) 23:28, 21 October 2019 (UTC)

@PrimeHunter: Thanks. I looked at that. When I did so, there was a (rather) long list of font names. You are saying that each of those fonts -- in that long list -- is available to me, through Mozilla Firefox ... correct? Thanks. Joseph A. Spadaro (talk) 17:42, 22 October 2019 (UTC)

Yes, they should be available. You can select them in Firefox to use at sites like Wikipedia which don't declare a font but use the browser's default. Or you can make code for them in Wikipedia to see them here. I don't know whether some of them require a variation of the listed name. PrimeHunter (talk) 18:10, 22 October 2019 (UTC)

Great. Thanks for all the help! Joseph A. Spadaro (talk) 20:00, 22 October 2019 (UTC)

Resolved

Trials

 To thine own self be true.

William Shakespeare, Hamlet

"   ... to thine own self be true ...   " - William Shakespeare, Hamlet

"Nice quote." – Author

"Nice quote." - Author, Book title

"Nice quote." - William Shakespeare, Hamlet

Trials 2

"Quote" – Author

"Hi there." – William Shakespeare

"Hi there." – William Shakespeare, Hamlet

" 
 
 
 
 
 
" – Author

Trials 3

  
This above all: to thine own self be true,
And it must follow, as the night the day,
Thou canst not then be false to any man.
 
— Polonius in William Shakespeare, Hamlet, Act I, Scene III, Lines 78–80
 

  
This above all: to thine own self be true,
And it must follow, as the night the day,
Thou canst not then be false to any man.
 
— Polonius in William Shakespeare, Hamlet, Act I, Scene III, Lines 78–80
 

  
This above all: to thine own self be true,
And it must follow, as the night the day,
Thou canst not then be false to any man.
 
— Polonius in William Shakespeare, Hamlet, Act I, Scene III, Lines 78–80
 

Sand Box

Words of Wisdom

Words of Wisdom

Words of Wisdom