Guide: Basics of Using the Profile Signature Editor
Welcome to the basics of using the profile signature editor! This guide will walk you through how to format your profile signature and customize it using the built-in tools.
1. Text Formatting
Bold Text: To make your text bold, select the text you want to emphasize and click the B button. Example: Manfact
Italics: For italic text, highlight the text and click the I button. Example:
manfact
2. Text Alignment
Align Text: Use the alignment options to position your text. You can align text to the left, center, or right.
3. Insert/Edit Image-Gif
Add Images: Click the image icon to insert or edit an image in your signature. You can add an image by entering the URL of the image you want to display. Example: https://i.imgur.com/yaTTXOF.png
4. Font Color & Highlight
Change Font Color: To change the color of your text, click the A icon and select your desired color. Example: Manfact
Highlight Text: Use the highlighter tool to emphasize text with background colors.Manfact
5. Code Editor
Insert Code/HTML: If you want to add custom code, click the code editor icon (represented by <>). This opens a space where you can enter your HTML or other scripts. Example:
html:
<div> ...
Links
Insert a Link:
Press the Insert button.
Paste your link into the link tab that appears.
Linking Text or Images:
For Text:
Highlight the text you want to turn into a link.
Then, press the Insert button and paste your link.
For Images:
Click on the image you want to link.
Press the Insert button and paste your link.
Then choose if your link will be opened in the current window or in a new window
Note:
NEW WINDOW DOESN'T WORK FOR SOME REASON
Always preview your signature before saving to make sure everything looks perfect.
Avoid using too many images or flashy colors to keep your signature clean and readable 'like mine :P'
For those who need to add those fancy background/image/gif have no worries. What you willl need is a Html code and feel free to use the one given. Paste it in the console/code editor
For other Formating like underline etc it can be found here highlight the text and apply it and you are Done :)
OTHERS:
Page Count Down
If you need a page counter for whatever reasons such embeding it to the mail for cartel newsletter giveaways and many other here is the gude for that also:
For image i personally prefer imgur for images and gifs aslo Giphy for gifs but whatever works for you.
Page counter
Visit Jari's guide on Page counter and it's same with the flag counter but also to add on something in Jari's guide. If you visit some sites you can embed the code directly to the console/Code editor example is this: https://www.counter12.com
Embed a Youtube Video
To embed a YouTube video:
Open the YouTube video you want to embed.
Click the "Share" button below the video.
In the pop-up, click on "Embed."
Copy the HTML code provided.
Paste this code into your code editor where you want the video to appear.
For other video platforms, the process is generally similar: look for the "Share" or "Embed" option, copy the code, and paste it into your website.
NOTE : FOR NOW THIS METHOD DOESN'T WORK MAYBE IN FUTURE IF DIABLO FIXES THE PROBLEM
Last Edited 15/10/2024, 09:04:53
You forget a thousand things every day, pal.🙏🏾Make sure this is not one of 'em.
Guide: Basics of Using the Profile Signature Editor
Welcome to the basics of using the profile signature editor! This guide will walk you through how to format your profile signature and customize it using the built-in tools.
1. Text Formatting
Bold Text:
To make your text bold, select the text you want to emphasize and click the B button. Example:
Manfact
Italics:
For italic text, highlight the text and click the I button. Example:
manfact
2. Text Alignment
Use the alignment options to position your text. You can align text to the left, center, or right.
3. Insert/Edit Image-Gif
Click the image icon to insert or edit an image in your signature. You can add an image by entering the URL of the image you want to display.
Example:
https://i.imgur.com/yaTTXOF.png
4. Font Color & Highlight
Change Font Color:
To change the color of your text, click the A icon and select your desired color. Example:
Manfact
Highlight Text:
Use the highlighter tool to emphasize text with background colors.Manfact
5. Code Editor
If you want to add custom code, click the code editor icon (represented by
<>
). This opens a space where you can enter your HTML or other scripts.Example:
<div> ...
Links
Insert a Link:
Linking Text or Images:
For Text:
For Images:
Then choose if your link will be opened in the current window or in a new window
Note:
NEW WINDOW DOESN'T WORK FOR SOME REASON
Always preview your signature before saving to make sure everything looks perfect.
Avoid using too many images or flashy colors to keep your signature clean and readable 'like mine :P'
For those who need to add those fancy background/image/gif have no worries. What you willl need is a Html code and feel free to use the one given. Paste it in the console/code editor
Insert gif/image as the backgorund
Html code:
<div style="background-color: #000000; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0px; padding: 10px 10px 0px; border: 0px; vertical-align: baseline; background-image: url('Image url');"> </div>
Have a colored background:
Html code:
<div style="background-color: #1c1c1c; color: #e0e0e0; padding: 20px; border-radius: 8px; margin-top: 10px;">
You can change the color to Your desired one
#1c1c1c
(Background color)#e0e0e0
(Text color)Light Red
#FF6666
#000000
Dark Red
#8B0000
#FFFFFF
Light Green
#90EE90
#000000
Dark Green
#006400
#FFFFFF
Light Blue
#ADD8E6
#000000
Dark Blue
#00008B
#FFFFFF
Light Yellow
#FFFF99
#000000
Dark Yellow (Gold)
#FFD700
#000000
Light Gray
#D3D3D3
#000000
Dark Gray
#A9A9A9
#FFFFFF
Cyan (Aqua)
#00FFFF
#000000
Magenta (Fuchsia)
#FF00FF
#000000
Olive
#808000
#FFFFFF
Teal
#008080
#FFFFFF
Navy
#000080
#FFFFFF
For other Formating like underline etc it can be found here highlight the text and apply it and you are Done :)
OTHERS:
Page Count Down
If you need a page counter for whatever reasons such embeding it to the mail for cartel newsletter giveaways and many other here is the gude for that also:
For image i personally prefer imgur for images and gifs aslo Giphy for gifs but whatever works for you.
Page counter
Visit Jari's guide on Page counter and it's same with the flag counter but also to add on something in Jari's guide. If you visit some sites you can embed the code directly to the console/Code editor example is this: https://www.counter12.com
Embed a Youtube Video
To embed a YouTube video:
For other video platforms, the process is generally similar: look for the "Share" or "Embed" option, copy the code, and paste it into your website.
NOTE : FOR NOW THIS METHOD DOESN'T WORK MAYBE IN FUTURE IF DIABLO FIXES THE PROBLEM