El Taller del Mono [Taller]

[Zhang Guolao]

Hola Alex, perdóname la tardanza. 

Te paso el code, puedes cambiar la imagen de fondo, de tu personaje, o los textos a tu gusto.

Espero te guste: 

Alex "Megas" Arceo

Dragon Knight of the Blue Flames

Código:

<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;900&display=swap" rel="stylesheet"><style>.alex-df-base {--cyan: #00f2fe;--blue: #004e92;--dark: #000428;position: relative !important;width: 650px !important;height: 200px !important;background: var(--dark) !important;clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%) !important;border: 2px solid var(--cyan) !important;overflow: hidden !important;margin: 20px auto !important;font-family: 'Outfit', sans-serif !important;display: flex !important;align-items: center !important;justify-content: center !important;box-shadow: 0 0 20px rgba(0, 242, 254, 0.4) !important;}.alex-df-bg {position: absolute !important;inset: 0 !important;background: url('https://i.ibb.co/R4Nzk0BT/dragon-bg.jpg') center/cover no-repeat !important;filter: brightness(0.4) !important;z-index: 1 !important;}.alex-df-overlay {position: absolute !important;inset: 0 !important;background: linear-gradient(135deg, rgba(0,4,40,0.85) 0%, rgba(0,78,146,0.3) 100%) !important;z-index: 2 !important;}.alex-df-inner {position: relative !important;z-index: 3 !important;width: 90% !important;display: flex !important;align-items: center !important;gap: 25px !important;}.alex-df-pic {width: 140px !important;height: 140px !important;border: 3px solid var(--cyan) !important;clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%) !important;background: url('https://i.ibb.co/wF4MTpZb/alex-portrait.jpg') center 15%/180% no-repeat !important;flex-shrink: 0 !important;box-shadow: 0 0 15px rgba(0, 242, 254, 0.3) !important;}.alex-df-text {display: flex !important;flex-direction: column !important;text-align: left !important;}.alex-df-name-box {background: rgba(0, 0, 0, 0.6) !important;backdrop-filter: blur(5px) !important;padding: 10px 20px !important;border-left: 4px solid var(--cyan) !important;transform: skewX(-10deg) !important;width: fit-content !important;}.alex-df-name {font-size: 2.1rem !important;font-weight: 900 !important;color: #fff !important;margin: 0 !important;text-transform: uppercase !important;letter-spacing: 1px !important;transform: skewX(10deg) !important;line-height: 1 !important;white-space: nowrap !important;}.alex-df-name span { color: var(--cyan) !important; text-shadow: 0 0 10px var(--cyan) !important; }.alex-df-rank {font-size: 0.85rem !important;color: var(--cyan) !important;font-weight: 400 !important;margin: 8px 0 0 0 !important;text-transform: uppercase !important;letter-spacing: 3px !important;text-shadow: 0 0 5px var(--cyan) !important;}.alex-df-bar {position: absolute !important;bottom: 0 !important;left: 0 !important;width: 100% !important;height: 3px !important;background: linear-gradient(90deg, transparent, var(--cyan), #00ff88, transparent) !important;opacity: 0.7 !important;}</style><div class="alex-df-base"><div class="alex-df-bg"></div><div class="alex-df-overlay"></div><div class="alex-df-inner"><div class="alex-df-pic"></div><div class="alex-df-text"><div class="alex-df-name-box"><h1 class="alex-df-name">Alex <span>"Megas"</span> Arceo</h1></div><p class="alex-df-rank">Dragon Knight of the Blue Flames</p></div></div><div class="alex-df-bar"></div></div>