Se solicita Pasar header Wordpress a HTML puro

Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

elfleat

elfleat

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
4 Dic 2009
Mensajes
637
Porcentaje - 100%
147   0   0
Solo abre la pagina en cualqier explorador, dale clic derecho y "Ver codigo fuente". Ese es el html interpretado.

HTML: 
<div id="site">
		<div id="leader-wrapper">
		<div id="leaderboard">	
			<div id="leader-left">
				<img src="http://www.mvpthemes.com/maxmag/wp-content/uploads/2012/09/ad728.gif" alt="" />			</div><!--leader-left-->
			
						<div id="leader-right">
				<img src="http://www.mvpthemes.com/maxmag/wp-content/uploads/2012/09/ad222.gif" alt="" />			</div><!--leader-right-->
					</div><!--leaderboard-->
	</div><!--leader-wrapper-->
	
	<div id="nav">
		<div id="main-nav-wrapper">
			<div id="main-nav">
				<div class="menu-main-nav-container"><ul id="menu-main-nav" class="menu"><li id="menu-item-11848" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-11848"><a href="http://www.mvpthemes.com/maxmag">Home</a></li>
<li id="menu-item-11861" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11861"><a href="#">Features</a>
<ul class="sub-menu">
	<li id="menu-item-12392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12392"><a href="http://www.mvpthemes.com/maxmag/shortcodes/">Shortcodes</a></li>
	<li id="menu-item-12453" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12453"><a href="http://www.mvpthemes.com/maxmag/top-5-meals-you-can-make-in-under-30-minutes/">Slideshow</a></li>
	<li id="menu-item-11875" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11875"><a href="http://www.mvpthemes.com/maxmag/wallpaper-ad/">Wallpaper Ad</a></li>
	<li id="menu-item-11881" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11881"><a href="http://www.mvpthemes.com/maxmag/full-width-page/">Full Width Page</a></li>
	<li id="menu-item-12555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12555"><a href="http://www.mvpthemes.com/maxmag/latest-news/">Latest News</a></li>
	<li id="menu-item-12335" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12335"><a href="http://www.mvpthemes.com/maxmag/archives-page/">Archives Page</a></li>
	<li id="menu-item-12005" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12005"><a href="http://www.mvpthemes.com/maxmag/homepage-blog/">Homepage Blog</a></li>
	<li id="menu-item-11991" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11991"><a href="http://www.mvpthemes.com/maxmag/no-leaderboard-page/">No Leaderboard</a></li>
	<li id="menu-item-11887" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11887"><a href="http://www.mvpthemes.com/maxmag/typography/">Typography</a></li>
</ul>
</li>
<li id="menu-item-12546" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12546"><a href="http://themeforest.net/item/max-mag-responsive-wordpress-magazine-theme/3103810?ref=mvpthemes">Purchase Theme</a></li>
<li id="menu-item-11860" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11860"><a href="http://www.mvpthemes.com/maxmag/category/business/">Business</a></li>
<li id="menu-item-11849" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11849"><a href="http://www.mvpthemes.com/maxmag/category/entertainment/">Entertainment</a>
<ul class="sub-menu">
	<li id="menu-item-11856" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11856"><a href="http://#">Blogs</a></li>
	<li id="menu-item-11857" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11857"><a href="http://#">Columnists</a>
	<ul class="sub-menu">
		<li id="menu-item-11855" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11855"><a href="http://#">Max Mag Staff</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-11850" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11850"><a href="http://www.mvpthemes.com/maxmag/category/sports/">Sports</a>
<ul class="sub-menu">
	<li id="menu-item-11853" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11853"><a href="http://#">Blogs</a></li>
	<li id="menu-item-11854" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11854"><a href="http://#">Columnists</a></li>
</ul>
</li>
<li id="menu-item-11858" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11858"><a href="http://www.mvpthemes.com/maxmag/category/fashion/">Fashion</a></li>
</ul></div>			</div><!--main-nav-->
			<div id="nav-mobi">
				<div class="menu-main-nav-container"><select><option value="#">Menu</option><option value="http://www.mvpthemes.com/maxmag"selected >Home</option>
<option value="#">Features	<option value="http://www.mvpthemes.com/maxmag/shortcodes/">-Shortcodes</option>
	<option value="http://www.mvpthemes.com/maxmag/top-5-meals-you-can-make-in-under-30-minutes/">-Slideshow</option>
	<option value="http://www.mvpthemes.com/maxmag/wallpaper-ad/">-Wallpaper Ad</option>
	<option value="http://www.mvpthemes.com/maxmag/full-width-page/">-Full Width Page</option>
	<option value="http://www.mvpthemes.com/maxmag/latest-news/">-Latest News</option>
	<option value="http://www.mvpthemes.com/maxmag/archives-page/">-Archives Page</option>
	<option value="http://www.mvpthemes.com/maxmag/homepage-blog/">-Homepage Blog</option>
	<option value="http://www.mvpthemes.com/maxmag/no-leaderboard-page/">-No Leaderboard</option>
	<option value="http://www.mvpthemes.com/maxmag/typography/">-Typography</option>
</option>
<option value="http://themeforest.net/item/max-mag-responsive-wordpress-magazine-theme/3103810?ref=mvpthemes">Purchase Theme</option>
<option value="http://www.mvpthemes.com/maxmag/category/business/">Business</option>
<option value="http://www.mvpthemes.com/maxmag/category/entertainment/">Entertainment	<option value="http://#">-Blogs</option>
	<option value="http://#">-Columnists		<option value="http://#">--Max Mag Staff</option>
</option>
</option>
<option value="http://www.mvpthemes.com/maxmag/category/sports/">Sports	<option value="http://#">-Blogs</option>
	<option value="http://#">-Columnists</option>
</option>
<option value="http://www.mvpthemes.com/maxmag/category/fashion/">Fashion</option>
</select></div>			</div><!--nav-mobi-->
		</div><!--main-nav-wrapper-->
	</div><!--nav-->
	<div id="wrapper">
				<div id="inner-wrapper">
			<div id="content">
				<div id="main-header-wrapper">
					<div id="header">
						<div id="logo">
														<a href="http://www.mvpthemes.com/maxmag"><img src="http://www.mvpthemes.com/maxmag/wp-content/themes/maxmag/images/logo.png" alt="Max Mag" /></a>
													</div><!--logo-->
						<div id="header-info">
							<div id="small-nav">
								<div class="menu-secondary-nav-container"><ul id="menu-secondary-nav" class="menu"><li id="menu-item-11889" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11889"><a href="http://www.mvpthemes.com/maxmag/about/">About</a></li>
<li id="menu-item-11992" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11992"><a href="http://www.mvpthemes.com/support">Support Center</a></li>
</ul></div>							</div><!--small-nav-->
						</div><!--header-info-->
					</div><!--header-->
				</div><!--main-header-wrapper-->
 
elargento

elargento

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
3 Dic 2009
Mensajes
1.712
Porcentaje - 100%
44   0   1
elfleat dijo:
Solo abre la pagina en cualqier explorador, dale clic derecho y "Ver codigo fuente". Ese es el html interpretado.

HTML: 
<div id="site">
        <div id="leader-wrapper">
        <div id="leaderboard">    
            <div id="leader-left">
                <img src="http://www.mvpthemes.com/maxmag/wp-content/uploads/2012/09/ad728.gif" alt="" />            </div><!--leader-left-->
            
                        <div id="leader-right">
                <img src="http://www.mvpthemes.com/maxmag/wp-content/uploads/2012/09/ad222.gif" alt="" />            </div><!--leader-right-->
                    </div><!--leaderboard-->
    </div><!--leader-wrapper-->
    
    <div id="nav">
        <div id="main-nav-wrapper">
            <div id="main-nav">
                <div class="menu-main-nav-container"><ul id="menu-main-nav" class="menu"><li id="menu-item-11848" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-11848"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag">Home</a></li>
<li id="menu-item-11861" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11861"><a href="#">Features</a>
<ul class="sub-menu">
    <li id="menu-item-12392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12392"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/shortcodes/">Shortcodes</a></li>
    <li id="menu-item-12453" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12453"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/top-5-meals-you-can-make-in-under-30-minutes/">Slideshow</a></li>
    <li id="menu-item-11875" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11875"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/wallpaper-ad/">Wallpaper Ad</a></li>
    <li id="menu-item-11881" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11881"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/full-width-page/">Full Width Page</a></li>
    <li id="menu-item-12555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12555"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/latest-news/">Latest News</a></li>
    <li id="menu-item-12335" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12335"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/archives-page/">Archives Page</a></li>
    <li id="menu-item-12005" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12005"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/homepage-blog/">Homepage Blog</a></li>
    <li id="menu-item-11991" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11991"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/no-leaderboard-page/">No Leaderboard</a></li>
    <li id="menu-item-11887" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11887"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/typography/">Typography</a></li>
</ul>
</li>
<li id="menu-item-12546" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12546"><a rel="nofollow" href="http://themeforest.net/item/max-mag-responsive-wordpress-magazine-theme/3103810?ref=mvpthemes">Purchase Theme</a></li>
<li id="menu-item-11860" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11860"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/category/business/">Business</a></li>
<li id="menu-item-11849" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11849"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/category/entertainment/">Entertainment</a>
<ul class="sub-menu">
    <li id="menu-item-11856" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11856"><a rel="nofollow" href="http://#">Blogs</a></li>
    <li id="menu-item-11857" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11857"><a rel="nofollow" href="http://#">Columnists</a>
    <ul class="sub-menu">
        <li id="menu-item-11855" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11855"><a rel="nofollow" href="http://#">Max Mag Staff</a></li>
    </ul>
</li>
</ul>
</li>
<li id="menu-item-11850" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11850"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/category/sports/">Sports</a>
<ul class="sub-menu">
    <li id="menu-item-11853" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11853"><a rel="nofollow" href="http://#">Blogs</a></li>
    <li id="menu-item-11854" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11854"><a rel="nofollow" href="http://#">Columnists</a></li>
</ul>
</li>
<li id="menu-item-11858" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11858"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/category/fashion/">Fashion</a></li>
</ul></div>            </div><!--main-nav-->
            <div id="nav-mobi">
                <div class="menu-main-nav-container"><select><option value="#">Menu</option><option value="http://www.mvpthemes.com/maxmag"selected >Home</option>
<option value="#">Features    <option value="http://www.mvpthemes.com/maxmag/shortcodes/">-Shortcodes</option>
    <option value="http://www.mvpthemes.com/maxmag/top-5-meals-you-can-make-in-under-30-minutes/">-Slideshow</option>
    <option value="http://www.mvpthemes.com/maxmag/wallpaper-ad/">-Wallpaper Ad</option>
    <option value="http://www.mvpthemes.com/maxmag/full-width-page/">-Full Width Page</option>
    <option value="http://www.mvpthemes.com/maxmag/latest-news/">-Latest News</option>
    <option value="http://www.mvpthemes.com/maxmag/archives-page/">-Archives Page</option>
    <option value="http://www.mvpthemes.com/maxmag/homepage-blog/">-Homepage Blog</option>
    <option value="http://www.mvpthemes.com/maxmag/no-leaderboard-page/">-No Leaderboard</option>
    <option value="http://www.mvpthemes.com/maxmag/typography/">-Typography</option>
</option>
<option value="http://themeforest.net/item/max-mag-responsive-wordpress-magazine-theme/3103810?ref=mvpthemes">Purchase Theme</option>
<option value="http://www.mvpthemes.com/maxmag/category/business/">Business</option>
<option value="http://www.mvpthemes.com/maxmag/category/entertainment/">Entertainment    <option value="http://#">-Blogs</option>
    <option value="http://#">-Columnists        <option value="http://#">--Max Mag Staff</option>
</option>
</option>
<option value="http://www.mvpthemes.com/maxmag/category/sports/">Sports    <option value="http://#">-Blogs</option>
    <option value="http://#">-Columnists</option>
</option>
<option value="http://www.mvpthemes.com/maxmag/category/fashion/">Fashion</option>
</select></div>            </div><!--nav-mobi-->
        </div><!--main-nav-wrapper-->
    </div><!--nav-->
    <div id="wrapper">
                <div id="inner-wrapper">
            <div id="content">
                <div id="main-header-wrapper">
                    <div id="header">
                        <div id="logo">
                                                        <a rel="nofollow" href="http://www.mvpthemes.com/maxmag"><img src="http://www.mvpthemes.com/maxmag/wp-content/themes/maxmag/images/logo.png" alt="Max Mag" /></a>
                                                    </div><!--logo-->
                        <div id="header-info">
                            <div id="small-nav">
                                <div class="menu-secondary-nav-container"><ul id="menu-secondary-nav" class="menu"><li id="menu-item-11889" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11889"><a rel="nofollow" href="http://www.mvpthemes.com/maxmag/about/">About</a></li>
<li id="menu-item-11992" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11992"><a rel="nofollow" href="http://www.mvpthemes.com/support">Support Center</a></li>
</ul></div>                            </div><!--small-nav-->
                        </div><!--header-info-->
                    </div><!--header-->
                </div><!--main-header-wrapper-->
Hacer clic para expandir...

fijate que tiene varios divs,

vbulletin trabaja con 1 solo template para definir el css el cual es additional.css,

no puedo copiar todo el style.css de wordpress ya que seria inutil, tampoco puedo buscar cada css de cada div por separado y agregarlo a este template :s
 
elfleat

elfleat

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
4 Dic 2009
Mensajes
637
Porcentaje - 100%
147   0   0
En el header le puedes agregar una etiqueta <link href="url de tu css del wordpress" type="text/css" rel="stylesheet" />

Y te importará los estilos del CSS de tu blog.
 
elargento

elargento

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
3 Dic 2009
Mensajes
1.712
Porcentaje - 100%
44   0   1
elfleat dijo:
En el header le puedes agregar una etiqueta <link href="url de tu css del wordpress" type="text/css" rel="stylesheet" />

Y te importará los estilos del CSS de tu blog.
Hacer clic para expandir...
Ya lo he intentado pero el resultado es algo desastroso, necesita varios retoques para dejarlo como el de wordpress y ese es el problema, no soy experto en la "materia"
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Arriba