Aprende a usar la interfaz de MuDream! Consejos sobre UI, gráficos 4K y opciones dentro del juego.

Guía de MuDream Online: Navegación en la interfaz del juego


  <div id="u_body" class="u_body" style="min-height: 100vh;">
    
  <div id="u_row_2" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;">
    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1250px;margin: 0 auto;">
      <div class="u-row v-row-align-items" style="column-gap: 0px;">
        
<div id="u_column_3" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
  <div class="v-col-padding" style="width: 100%;padding:0px;">
    
  <div id="u_content_html_1" class="u_content_html v-container-padding-padding hide-desktop hide-mobile" style="overflow-wrap: break-word;padding: 10px;">
    <div><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">

<style>
[class*="u-col-"] {
  display: inline-block;
  box-sizing: border-box
}
.u-col-5p49 {
  width: 5% !important
}
.u-col-10p49 {
  width: 10% !important
}
.u-col-15p49 {
  width: 15% !important
}
.u-col-20p37 {
  width: 20% !important
}
.u-col-25p37 {
  width: 25% !important
}
.u-col-30p37,
.u-col-30p45 {
  width: 30% !important
}
.u-col-35p49 {
  width: 35% !important
}
.u-col-40p49 {
  width: 40% !important
}
.u-col-40p45 {
    width: 55% !important;
}
.u-col-45p49 {
  width: 45% !important
}
.u-col-50p49 {
  width: 50% !important
}
.u-col-55p49 {
  width: 55% !important
}
.u-col-60p49 {
  width: 60% !important
}
.u-col-65p49 {
  width: 65% !important
}
.u-col-70p49 {
  width: 70% !important
}
.u-col-75p49 {
  width: 75% !important
}
.u-col-80p49 {
  width: 80% !important
}
.u-col-85p49 {
  width: 85% !important
}
.u-col-90p49 {
  width: 90% !important
}
.u-col-95p49 {
  width: 95% !important
}
.u-col-100p49 {
  width: 100% !important
}
.u-col-33p33,
.u-col-23p33 {
  width: 33.33% !important
}
.section-title {
  display: flex;
  align-items: center;
  font-family: "Lora", serif;
  font-weight: 700;
  font-style: normal;
  text-transform:uppercase;
  margin: 0/
  
}
.section-title::before,
.section-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, #E1C97F, transparent)
  }

/* 1. Задаём базовые параметры таблицы */
.u_content_text table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 auto !important;
  table-layout: auto !important;
}

/* 2. Общие отступы и границы ячеек */
.u_content_text table th,
.u_content_text table td {
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  line-height: 1.4 !important;
}

/* 3. Шапка таблицы (если есть <thead>) */
.u_content_text table thead th {
  color: #FBEEB8 !important;       /* золотистый */
  border-bottom-width: 2px !important;
  font-weight: 700 !important;
}

/* 4. Зебра-через строку */
.u_content_text table tbody tr:nth-child(even) {
  background-color: #25252A !important;
}

/* 5. Цвета в колонках (первая — синий, вторая — золотистый) */
.u_content_text table tbody td:nth-child(1) span {
  color: #3598DB !important;
  font-weight: 500 !important;
}
.u_content_text table tbody td:nth-child(2) span {
  color: #FBEEB8 !important;
}

/* 6. Убираем float/text-align внутри <span>, чтобы текст ровно в ячейках встал */
.u_content_text table tbody td span {
  float: none !important;
  display: inline !important;
  text-align: left !important;
}

/* 7. Мобильная прокрутка */
.u_content_text {
  overflow-x: auto;
}

</style></div>
  </div>

  </div>
</div>

      </div>
    </div>
  </div>

  <div id="u_row_4" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;">
    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1250px;margin: 0 auto;">
      <div class="u-row v-row-align-items" style="column-gap: 0px;">
        
<div id="u_column_7" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
  <div class="v-col-padding" style="width: 100%;padding:0px;">
    
  <div id="u_content_heading_2" class="u_content_heading v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
    
  <h2 class="v-color v-text-align v-line-height v-font-size v-font-weight" style="margin: 0px; color: #f1c140; line-height: 140%; text-align: center; word-wrap: break-word; font-size: 24px; font-weight: 700;"><div class="section-title">Interfaz del juego</div></h2>

  </div>

  <div id="u_content_text_3" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
    
  <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-size: 16px; color: #957f74; line-height: 140%; text-align: center; word-wrap: break-word;">
    <p style="line-height: 140%;"><strong><span style="color: #c2e0f4; line-height: 22.4px;">Te ayuda a controlar tu personaje durante el juego, mostrando diferentes descripciones emergentes y tus estadísticas.</span></strong></p>
  </div>

  </div>

  </div>
</div>

      </div>
    </div>
  </div>

  <div id="u_row_1" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;">
    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1250px;margin: 0 auto;">
      <div class="u-row v-row-align-items" style="column-gap: 0px;">
        
<div id="u_column_6" class="u-col u-col-50 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
  <div class="v-col-padding" style="width: 100%;padding:0px;">
    
  <div id="u_content_text_1" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
    
  <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-size: 16px; color: #957f74; line-height: 140%; text-align: left; word-wrap: break-word;">
    <p style="line-height: 140%; text-align: center;"><strong>1. <span style="color: #c2e0f4; line-height: 22.4px;">Menú principal de accesos rápidos – tecla rápida<span style="color: #f1c40f; line-height: 22.4px;"> F10</span></span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>2. <span style="color: #c2e0f4; line-height: 22.4px;">Mascota invocada (barra de HP / Durabilidad)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>3. <span style="color: #c2e0f4; line-height: 22.4px;">Ubicación (Mapa / Coordenadas / Hora del servidor)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>4. <span style="color: #c2e0f4; line-height: 22.4px;">Tooltip de misión (Número / Objetivo / Teletransporte)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>5. <span style="color: #c2e0f4; line-height: 22.4px;">Barra de experiencia / experiencia maestra</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>6. <span style="color: #c2e0f4; line-height: 22.4px;">Configuración y lanzamiento de Mu Helper — más información haz clic <span style="color: #f1c40f; line-height: 22.4px;"><a rel="noopener" href="https://mudream.online/about/main/mu-helper" target="_blank" style="color: #f1c40f;" data-u-link-value="eyJuYW1lIjoid2ViIiwiYXR0cnMiOnsiaHJlZiI6Int7aHJlZn19IiwidGFyZ2V0Ijoie3t0YXJnZXR9fSJ9LCJ2YWx1ZXMiOnsiaHJlZiI6Imh0dHBzOi8vbXVkcmVhbS5vbmxpbmUvYWJvdXQvbWFpbi9tdS1oZWxwZXIiLCJ0YXJnZXQiOiJfYmxhbmsifX0=">aquí</a></span></span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>7.</strong><em> </em><strong><span style="color: #c2e0f4; line-height: 22.4px;">Barra de salud (Tu HP)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>8. <span style="color: #c2e0f4; line-height: 22.4px;">Tooltip de buff (Ajustable para mostrar más o menos información)</span></strong></p>
  </div>

  </div>

  </div>
</div>

<div id="u_column_8" class="u-col u-col-50 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
  <div class="v-col-padding" style="width: 100%;padding:0px;">
    
  <div id="u_content_text_4" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
    
  <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-size: 16px; color: #957f74; line-height: 140%; text-align: left; word-wrap: break-word;">
    <p style="line-height: 140%; text-align: center;"><strong>9. <span style="color: #c2e0f4; line-height: 22.4px;">Defensa con escudo (Salud de tu armadura, usada para PvP)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>10. <span style="color: #c2e0f4; line-height: 22.4px;">Barra de agilidad (Usada para Skills)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>11. <span style="color: #c2e0f4; line-height: 22.4px;">Barra de notificaciones (Event, Reset, Free Stats, Daily Check-in)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>12. <span style="color: #c2e0f4; line-height: 22.4px;">Barra de maná (Usada para Skills)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>13. <span style="color: #c2e0f4; line-height: 22.4px;">Barra principal de habilidades (Tus Skills para elegir)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>14. <span style="color: #c2e0f4; line-height: 22.4px;">Barra de habilidades activas (Tus Skills seleccionadas)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>15. <span style="color: #c2e0f4; line-height: 22.4px;">Barra de pociones / objetos activos (Potions y objetos de recuperación)</span></strong></p>
<p style="line-height: 140%; text-align: center;"><strong>16. <span style="color: #c2e0f4; line-height: 22.4px;">Dream Shop (Mercado interno de Dream Coins)</span></strong></p>
  </div>

  </div>

  </div>
</div>

      </div>
    </div>
  </div>

  <div id="u_row_5" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;">
    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1250px;margin: 0 auto;">
      <div class="u-row v-row-align-items" style="column-gap: 0px;">
        
<div id="u_column_9" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
  <div class="v-col-padding" style="width: 100%;padding:0px;">
    
  <div id="u_content_image_1" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px;">
    
<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
  
  <img alt="" class="v-src-width v-src-max-width" src="//dreamassets.fra1.digitaloceanspaces.com/images/247/body/yqLPJNvuOxm_tDpEBO3EA_1280X721.webp" style="width: 100%;max-width: 100%;" title=""/>
  
</div>

  </div>

  </div>
</div>

      </div>
    </div>
  </div>

  </div>
