Avatar
Steveen Echeverri Silva

@steveenecheverrisilva

Hola comunidad, si alguien le interesa como personalizar los colores de la plataforma, y dem谩s estilos, yo les recomiendo la extensi贸n de Ghrome que se llama Stylish (temas a medida para cada sitio web), en mi caso modifique los estilos como un tema dark. Aqu铆 les dejo una vista y las modificaciones en las clases que hice: Extenci贸n: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=es

body { background: var(--dark-color); color: var(--light-color); } .main-header { border-bottom: 1px solid #fff; background: var(--dark-color); } .main-menu a { color: var(--light-color); } .main-logo { height: 2.5rem; background-color: #fff; border-radius: 5px; padding: 5px; box-shadow: 0 0 6px 2px rgba(255,255,255,1); } .topbar { background-color: var(--dark-color); } .meatballs-menu__nav { background: var(--dark-color-darker); box-shadow: 0 0 3px 2px rgba(255,255,255,1); } .lg-tooltip { background-color: var(--dark-color-darker); } .dropdown ul .main-menu__item a { color: var(--light-color); } .notification-panel { background-color: var(--dark-color-darker); } .color { color: var(--color); } .text-color, .publication-editor__textarea{ --color: var(--text-color-light); } textarea{ color: #fff; } .dark-color { --color: var(--grey-color-lighter); --color-alt: var(--grey-color-lighter); } .answer { color: var(--fourth-color-darker); } .vote{ color: var(--first-color); } .featured-publication, .featured-publication__item, .foro-sidebar__list { background-color: var(--dark-color-darker); } .create-publication.active.main .create-publication__container { background-color: var(--dark-color); border-radius: 5px; box-shadow: 0 0 3px 2px rgba(255,255,255,1); } .courses-searchbar { background-color: var(--dark-color-dark); } .footer-card { background-color: var(--thumb-color-hover); } .s-bg-white { background-color: var(--dark-color-darker); } .t4, .aside-course-card__price .t4, h3{ color: var(--light-color); } .class-page-container{ background-color: var(--dark-color); } .main-banner { background-color: var(--dark-color-darker); } .s-to-bottom { background-color: var(--dark-color-darker); } .lg-bg-white { background-color: var(--dark-color-dark); } .scroll, [class*=scroll], body { --thumb-color: var(--dark-color-dark); --thumb-color-hover: var(--dark-color-smooth); --track-color: var(--dark-color-smoother); }
Avatar
Steveen Echeverri Silva

@steveenecheverrisilva

Buen d铆a comunidad, este es un peque帽o proyecto de una tarjeta de presentaci贸n personal, en la que practique lo b谩sico en el desarrollo web (html y css), usando el editar de c贸digo visual studio code, aplicando flex-box para darle la estructura sencilla, iconos de font-awesome, y una media query haciendo una peque帽a adaptaci贸n m贸vil.

Publicado en: https://styvensoft.github.io/card-site/

Dise帽o basado: https://dribbble.com/shots/2316130-Riche-vCard-Personal-vCard-HTML-Template

Amigos

Steveen a煤n no tiene un enlace de referidos

Si eres estudiante premium ya tienes el enlace en tu perfil de usuario. Si a煤n no eres premium recibir谩s tu enlace de referidos como recompensa cada vez que completes un curso gratuito.

M谩s informaci贸n

Estos son los beneficios que t煤 y Steveen recibir谩n si compras con su enlace de referidos 馃檶

BeneficiosMensualSemestralAnual
Descuento (T煤)$ 3 USD$ 15 USD$ 30 USD
Semanas gratis (Steveen)1612

Al comprar con el enlace de referidos aceptas los t茅rminos y condiciones

Publicaciones
Certificados
Me gusta
Referidos