TARDIX IMG

Modifications temps réel

:root { --background-color: #f7f6f3; --sidebar-color: #0c1b2f; --sidebar-text-color : #cccccc; --text-color : #0b0b0b; --major-color : #d2d7d9bf; --primary-color: #1f7cff; --secondary-color: #1f7cff; --tertiary-color: #1f7cff; --quaternary-color: #dadada20; --quinary-color: #1f7cff; --senary-color: #1f7cff; --septenary-color: #1f7cff; --octonary-color: #1f7cff; --nonary-color: #1f7cff; --denary-color: #1f7cff; } #sidebar:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("https://img.tardix.co/images/textures/purty-wood.png") repeat, var(--sidebar-color);; /* Background color overlay */ background-size: 150px; /* Set the desired size of the repeated image */ background-position: center center; /* Position the background image */ background-attachment: fixed; /* Make the background image fixed */ background-blend-mode: multiply; /* Blend the image with background color */ opacity: 1; /* Adjust opacity of the overall effect */ z-index: 0; } .boxteams { background: url("https://img.tardix.co/images/textures/purty-wood.png") repeat, var(--sidebar-color); /* Background color overlay */ background-size: 200px; /* Set the desired size of the repeated image */ background-position: center center; /* Position the background image */ background-blend-mode: multiply; /* Blend the image with background color */ opacity: 1; /* Adjust opacity of the overall effect */ } .boxteams p, .boxteams h1, .boxteams h2, .boxteams h3, .boxteams h4, .boxteams h5, .boxteams h6 { color: var(--sidebar-text-color); } .personal-teams-rules { position: relative; overflow: hidden; z-index: 1; } .personal-teams-rules:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("https://img.tardix.co/images/textures/purty-wood.png") repeat, var(--sidebar-color);; /* Background color overlay */ background-size: 200px; /* Set the desired size of the repeated image */ background-position: center center; /* Position the background image */ background-attachment: scroll; /* Make the background image fixed */ background-blend-mode: multiply; /* Blend the image with background color */ opacity: 1; /* Adjust opacity of the overall effect */ z-index: -1; } .banner-card-box { position: relative; overflow: hidden; z-index: 1; } .banner-card-box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("https://img.tardix.co/images/textures/purty-wood.png") repeat, var(--sidebar-color); /* Background color overlay */ background-size: 200px; /* Set the desired size of the repeated image */ background-position: center center; /* Position the background image */ background-attachment: scroll; /* Make the background image fixed */ background-blend-mode: multiply; /* Blend the image with background color */ opacity: 1; /* Adjust opacity of the overall effect */ z-index: -1; } .news-pinned-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("https://img.tardix.co/images/textures/purty-wood.png") repeat, var(--sidebar-color); /* Overlay with your original sidebar color */ background-size: 200px; /* Size of the repeated texture */ background-position: center center; background-attachment: scroll; background-blend-mode: multiply; opacity: 1; /* Adjust opacity as needed */ z-index: -1; border-radius: 20px; } .image-framed { display: inline-block; padding: 8px; background-color: var(--sidebar-color);; background-image: url("https://img.tardix.co/images/textures/purty-wood.png"); background-repeat: repeat; background-origin: border-box; box-sizing: border-box; }

Calques (Textures)

Propriétés : Sélectionnez un calque

Taille (px)

200px

Opacité

Répétition

Couleur de fond (Blend)

Palette Global (:root)

Bibliothèque de Textures (Cliquez pour appliquer)

3px-tile.png

45-degree-fabric-dark.png

45-degree-fabric-light.png

60-lines.png

absurdity.png

ag-square.png

always-grey.png

arabesque.png

arches.png

argyle.png

asfalt-dark.png

asfalt-light.png

assault.png

axiom-pattern.png

az-subtle.png

back-pattern.png

basketball.png

batthern.png

bedge-grunge.png

beige-paper.png

billie-holiday.png

binding-dark.png

binding-light.png

black-felt.png

black-linen-2.png

black-linen.png

black-lozenge.png

black-mamba.png

black-orchid.png

black-paper.png

black-scales.png

black-thread-light.png

black-thread.png

black-twill.png

blizzard.png

blu-stripes.png

bo-play.png

brick-wall-dark.png

brick-wall.png

bright-squares.png

brilliant.png

broken-noise.png

brushed-alum-dark.png

brushed-alum.png

buried.png

candyhole.png

carbon-fibre-big.png

carbon-fibre-v2.png

carbon-fibre.png

cardboard-flat.png

cardboard.png

cartographer.png

checkered-light-emboss.png

checkered-pattern.png

church.png

circles.png

classy-fabric.png

clean-gray-paper.png

clean-textile.png

climpek.png

cloth-alike.png

concrete-wall-2.png

concrete-wall-3.png

concrete-wall.png

connected.png

corrugation.png

cream-dust.png

cream-paper.png

cream-pixels.png

crisp-paper-ruffles.png

crissxcross.png

cross-scratches.png

cross-stripes.png

crossword.png

cubes.png

cutcube.png

dark-brick-wall.png

dark-circles.png

dark-denim-3.png

dark-denim.png

dark-dot.png

dark-dotted-2.png

dark-exa.png

dark-fish-skin.png

dark-geometric.png

dark-leather.png

dark-matter.png

dark-mosaic.png

dark-stripes-light.png

dark-stripes.png

dark-tire.png

dark-wall.png

dark-wood.png

darkness.png

darth-stripe.png

debut-dark.png

debut-light.png

diagmonds-light.png

diagmonds.png

diagonal-noise.png

diagonal-striped-brick.png

diagonal-waves.png

diagonales-decalees.png

diamond-eyes.png

diamond-upholstery.png

diamonds-are-forever.png

dimension.png

dirty-old-black-shirt.png

dotnoise-light-grey.png

double-lined.png

dust.png

ecailles.png

egg-shell.png

elastoplast.png

elegant-grid.png

embossed-paper.png

escheresque-dark.png

escheresque.png

exclusive-paper.png

fabric-1-dark.png

fabric-1-light.png

fabric-of-squares.png

fabric-plaid.png

fake-brick.png

fake-luxury.png

fancy-deboss.png

farmer.png

felt.png

first-aid-kit.png

flower-trail.png

flowers.png

foggy-birds.png

food.png

football-no-lines.png

french-stucco.png

fresh-snow.png

gold-scale.png

gplay.png

gradient-squares.png

graphcoders-lil-fiber.png

graphy-dark.png

graphy.png

gravel.png

gray-floral.png

gray-lines.png

gray-sand.png

green-cup.png

green-dust-and-scratches.png

green-fibers.png

green-gobbler.png

grey-jean.png

grey-sandbag.png

grey-washed-wall.png

greyzz.png

grid-me.png

grid-noise.png

grid.png

grilled-noise.png

groovepaper.png

grunge-wall.png

gun-metal.png

handmade-paper.png

hexabump.png

hexellence.png

hixs-evolution.png

hoffman.png

honey-im-subtle.png

ice-age.png

inflicted.png

inspiration-geometry.png

iron-grip.png

kinda-jean.png

knitted-netting.png

knitted-sweater.png

kuji.png

large-leather.png

leather.png

light-aluminum.png

light-gray.png

light-grey-floral-motif.png

light-honeycomb-dark.png

light-honeycomb.png

light-mesh.png

light-paper-fibers.png

light-sketch.png

light-toast.png

light-wool.png

lined-paper-2.png

lined-paper.png

little-knobs.png

little-pluses.png

little-triangles.png

low-contrast-linen.png

lyonnette.png

maze-black.png

maze-white.png

mbossed.png

medic-packaging-foil.png

merely-cubed.png

micro-carbon.png

mirrored-squares.png

mocha-grunge.png

mooning.png

moulin.png

my-little-plaid-dark.png

my-little-plaid.png

nami.png

nasty-fabric.png

natural-paper.png

navy.png

nice-snow.png

nistri.png

noise-lines.png

noise-pattern-with-subtle-cross-lines.png

noisy-grid.png

noisy-net.png

noisy.png

norwegian-rose.png

notebook-dark.png

notebook.png

office.png

old-husks.png

old-map.png

old-mathematics.png

old-moon.png

old-wall.png

otis-redding.png

outlets.png

p1.png

p2.png

p4.png

p5.png

p6.png

padded-light.png

padded.png

paper-1.png

paper-2.png

paper-3.png

paper-fibers.png

paper.png

paven.png

perforated-white-leather.png

pineapple-cut.png

pinstripe-dark.png

pinstripe-light.png

pinstriped-suit.png

pixel-weave.png

polaroid.png

polonez-pattern.png

polyester-lite.png

pool-table.png

project-paper.png

ps-neutral.png

psychedelic.png

purty-wood.png

pw-pattern.png

pyramid.png

quilt.png

random-grey-variations.png

ravenna.png

real-carbon-fibre.png

rebel.png

redox-01.png

redox-02.png

reticular-tissue.png

retina-dust.png

retina-wood.png

retro-intro.png

rice-paper-2.png

rice-paper-3.png

rice-paper.png

robots.png

rocky-wall.png

rough-cloth-light.png

rough-cloth.png

rough-diagonal.png

rubber-grip.png

sandpaper.png

satin-weave.png

scribble-light.png

shattered-dark.png

shattered.png

shine-caro.png

shine-dotted.png

shley-tree-1.png

shley-tree-2.png

silver-scales.png

simple-dashed.png

simple-horizontal-light.png

skeletal-weave.png

skewed-print.png

skin-side-up.png

skulls.png

slash-it.png

small-crackle-bright.png

small-crosses.png

smooth-wall-dark.png

smooth-wall-light.png

sneaker-mesh-fabric.png

snow.png

soft-circle-scales.png

soft-kill.png

soft-pad.png

soft-wallpaper.png

solid.png

sos.png

sprinkles.png

squairy.png

squared-metal.png

squares.png

stacked-circles.png

stardust.png

starring.png

stitched-wool.png

strange-bullseyes.png

straws.png

stressed-linen.png

stucco.png

subtle-carbon.png

subtle-dark-vertical.png

subtle-dots.png

subtle-freckles.png

subtle-grey.png

subtle-grunge.png

subtle-stripes.png

subtle-surface.png

subtle-white-feathers.png

subtle-zebra-3d.png

subtlenet.png

swirl.png

tactile-noise-dark.png

tactile-noise-light.png

tapestry.png

tasky.png

tex2res1.png

tex2res2.png

tex2res3.png

tex2res4.png

tex2res5.png

textured-paper.png

textured-stripes.png

texturetastic-gray.png

ticks.png

tileable-wood-colored.png

tileable-wood.png

tiny-grid.png

translucent-fibres.png

transparent-square-tiles.png

tree-bark.png

triangles-2.png

triangles.png

triangular.png

tweed.png

twinkle-twinkle.png

txture.png

type.png

use-your-illusion.png

vaio.png

vertical-cloth.png

vichy.png

vintage-speckles.png

wall-4-light.png

washi.png

wave-grid.png

wavecut.png

weave.png

wet-snow.png

white-bed-sheet.png

white-brick-wall.png

white-brushed.png

white-carbon.png

white-carbonfiber.png

white-diamond-dark.png

white-diamond.png

white-leather.png

white-linen.png

white-paperboard.png

white-plaster.png

white-sand.png

white-texture.png

white-tiles.png

white-wall-3-2.png

white-wall-3.png

white-wall.png

white-wave.png

whitey.png

wide-rectangles.png

wild-flowers.png

wild-oliva.png

wine-cork.png

wood-pattern.png

wood.png

worn-dots.png

woven-light.png

woven.png

xv.png

zig-zag.png