Alphabet Letters
More to be added
Funky Border
Pink Lace Border
Lace Border by @baeyhkun
Brown lace border
Transparent image glow
Paper mask
Heart mask
Popping Image
Shaking image
Glitch
Floating
Spinning
Wobbling
Sliding in element
Mutiple colors border
news ticker doesnt currently work in carrd idk why
Mask
B
O
U
N
C
Y
Refresh if it does not load properly
its a bit messy i apologize
pink lace border
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text textthis preview is not suited for mobile!
<style>
#elementID {
position: absolute;
top: -0.5em;
left: -0.5em;
z-index: 50;
}
</style>
to rotate it add transform: rotate(20deg);
absolute positioning takes an element out of its original place in the page and placing it on a different positiong like the top bottom left or right values. It can be used for many things and it can take a while to place the things where you want them to be.
copy the code above and change the element ID to what element you want to change the position of. The element ID can be found in the settings.
You can change the top: -0.5em; left: -0.5em; to left: -0.5; or right: -0.5; adding the negative symbol will place it opposite to where it is when it does not have a - before the number. It takes a while to get it right so mess around with the values.
You can overlap the items by changing the z-index: 50; to a higher number or a lower number depending on what you want above or below a certain item. The higher the number is it will go on top and if it is lower then it will go below
an example of absolute positioning is above, the pixels are overlapping the image and container because I used absolute positioning :D
sorry this looks really messy
. That's how you add an image, this is how you add a link, this is bold text, this is italicized, extra menu here
i apologize this looks messy lol some of em you can press to enlarge the quality is just horrible
These are things that float in the background of your carrd usually you would need to make these the first embed in your carrd for them to work.
btw glenthemes music players no longer works with dropboxpress the images to go to the links :D
1. Press the + button
2. Press add embed
3. Paste the code in the embed
4. You are done.
you should be able to add embeds as long as you have pro standard
oh no how do I change the text style?
Changing the style of the text are usually found between the <style> and </style> tags.
Press images to expand em
Link to other sites
<div id=”tag”><a href=link target="_blank">text with link</a></div>
Link to page in carrd
<div id=”tag”><a href=link>text with link</a></div>
replace the link with the link you want
for a link to a page in carrd you must only put #info do not put the actual link or it won't work
what is a tag?
in the image you can see #fuck and in that embed it is the tag so you want to replace the tag with whatever your tag isfor scrollboxes you can remove the whole <div id="tag" thing and just have <a href=link>text with link</a>
Press images to expand em
font: font-family: arial;
font size: font-size: 100px;
boldness: font-weight: bold; / font-weight: normal;
shadow: text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
color: color: #000;
put them between the <style></style> tags btw like this:
<style>
#poop {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-size: 50px;
font-weight: bold;
color: #ffffff;
font-family: arial;
}
</style><div id="poop"> TEXT </div>
1. Put an embed in your carrd
2. Paste the image style of your choice you can find em here
3. Change the img url or the tag to your image tag
4. You are done.
other codes need a img urlTo get a image url you need to upload your image into a site and get the url. I personally use gifyu
after you upload it you just have to change the <img src="link yeah">
to the link of your image
A tag is the #word or whatever that you can find in the begining of a code you want to replace that to your image tag which can be found in the settings
Link to other sites
<a href="link" target="_blank"><img src=image link></a>
Link to page in carrd
<a href=“link”><img src=image link></a>
Pretty self explanitory but yeah add ur link in the "link" and your image url in the img link and your donealso for the link to page in carrd you must only use #section not the actual link to the page.
To put gifs beside or within text, your text has to be in an embed (not a regular text element) just put
<img src="image.gif">
anywhere you would like a gif or image, but replace the "image.gif" with the link to the image
To get a image link you can upload it in gifyu or you can left click on a pixel and press copy image adress
1. Press this link
2. Create a Cbox
3. You are done
To customize a cbox just press look and feel and customize it to your liking. once you click plubish it will give you the embed code
Press images to expand em
1. Paste the code linked here into an embed
2. Find a font you want and download it
3. Upload it in dropbox and copy the link
4. Paste the link into the 'link here' area
5. Change the 'www.' in the dropbox link to 'dl'
6. Add a font name in the 'name here'
To apply the font in your scrollbox or text just place the name of the font in font-family: name;
Another code for just a text with a specific font link
this is explained here
Basically just make the settings of the background to position: top the tile: horizontal and then the size make it default or custom depending on your liking.Changing the position to top right or top left will do fine too.
Press images to expand em
<style>
glub {
font-family: Arial;
font-size: 40px;
color: #ff00a9;
}
</style>
Use that code and add it to an embed
change the style to what you want it to be and then if you want to apply it put <glub></glub> before and after text that you want to apply it to. like <glub>this</glub>if you want another one you can change glub to whatever word you want and do the same thing.
Switch is a unit of magicians that strives to be unique led by Natsume Sakasaki. An entertaining group that showcases the unifying power of their worldview through on-stage banter towards their fans.
In terms of their media work, Switch makes the most of their ability to chat by taking on jobs as radio personalities, guests on talk show programs, acting commentators, doing event performances, and by performing on kid-oriented variety shows. Work that utilizes their performance style is their main focus. Their theme color is yellow-green (#A3EA34).
Line break: <br></br> or <p></p>
Italics: <i></i> or <em></em>
Bold: <strong></strong> or <b></b>
Highlight: <mark></mark>
Underline: <u></u>
Line spacing: line-height: 1;
Letter spacing: letter-spacing: 1px;
For things that are not text add
margin: auto;
for text add
text-align: center/left/right;
1. Choose what kind of music player you would like to use
2. Download the song you want you can do this by copying the link and pasting it to ytmp3 and download it or upload it directly to dropbox after.
3. If you downloaded it upload it to dropbox and copy the link
4. Paste the link in the <audio id="audio" src="link here"audio"></audio> that you find in the code and change the 'www' to 'dl' or it will not work.
you can find music players here and in the music section
for music players that don't work with dropbox you can find ways to get links here
1. Make a new embed
2. Paste the code below
<style>
wee {
font-family: Arial;
font-size: 2em;
color: #000000;
}
</style>
3. You can change any of them to your liking!
You can also change the wee and make a bunch more for different text styles
The way you change a text is by adding <wee></wee> and put the text in between it like<wee>Hello!</wee>
These work in scrollboxes
Hi my name is Akeru and I am the owner of this resource carrd I made this to keep codes and etc
I am not super active! I'm sorry for the resource carrd links that don't work ill remove them in the future
will revamp this crd in the future if I ever have time
The codes, pixels, and dividers in this carrd are not mine.
UPDATE LOG
4/28/22 - More resource carrds
3/7/22 - Theme change
1/19/22 - Added music players
12/26/21- New layout
12/07/21 - Added dividers
11/29/21 - Added pixels!
11/15/21 - Added tutorials