MyBB-Es.com     Discusión y soporte de los foros MyBB 1.8.x     Soporte sobre temas (Estilos y plantillas) MyBB 1.8.x    

Como Editar Theme

Páginas (2):    1 2
XEDE   21 Sep, 2014, 7:35 pm
#11
Reemplaza todo tu header por este codigo:

<div class="cabecera_recuadro1">
		<div class="bloque1">
		<div class="<p style="text-align: center;">
                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="946" height="205" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
                <param name="src" value="http://groupracingleague.com.ar/foro/bannergrl3.2012.swf" /><embed type="application/x-shockwave-flash" width="945" height="190" src="http://groupracingleague.com.ar/foro/bannergrl3.2012.swf"></embed>
                </object>
                </p>
		</div>
		</div>
		</div>	
			<div id="caja5">
				{$welcomeblock}
			</div>
<div id="container2">
		<div id="content">
		  </div>
			<div class="wrapper">
          	<div class="social1">
				<div align="center">
			<img src="images/JAMPS-White-Orange-By-XEDE/varios/seguinosjamps1.png" width="115" height="25" alt="JAMPS En las redes sociales" />
	<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FJAMPS.com.ar&amp;width=200&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21&amp;appId=130383843711949" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;"></iframe>
				<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
				<a href="http://twitter.com/JAMPSWEB" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Follow @JAMPSWEB</a>
				</div>
			</div>
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				{$awaitingusers}
				<navigation>
				<br />

Después vas a tu Global.CSS selecciona editar en modo avanzado y busca el código:

cabecera_recuadro1
tendria que estar en la linea 2332
Vas a ver esto:


.cabecera_recuadro1 {
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#303030',GradientType=0 );
	display: block;
	height: 104px;
	overflow: hidden;
	border-bottom: 1px solid #7abcff;
	background: #45484d;
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
	background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
	background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
	background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}

borralo y deja solo esto:


.cabecera_recuadro1 {
	width: 100%;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #7abcff;
	background: #000000;

Tiene que quedarte de esta forma:
[Imagen: vzqcBm7.png]
Después ajustas cualquier cosa los detalles, ya que es un logo bastante grande pero queda bien al menos en la prueba que hice

EDIT:
En el código que te pase para que reemplaces tu Header acordate de modificar el código de Facebook y Twitter
Última modificación: 21 Sep, 2014, 7:38 pm por XEDE.
[Imagen: CCoBXgK.png]
[Imagen: TQqCgcO.png]
  
renegado20   22 Sep, 2014, 7:31 am
#12
(21 Sep, 2014, 7:35 pm)XEDE escribió: Reemplaza todo tu header por este codigo:


<div class="cabecera_recuadro1">
		<div class="bloque1">
		<div class="<p style="text-align: center;">
                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="946" height="205" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
                <param name="src" value="http://groupracingleague.com.ar/foro/bannergrl3.2012.swf" /><embed type="application/x-shockwave-flash" width="945" height="190" src="http://groupracingleague.com.ar/foro/bannergrl3.2012.swf"></embed>
                </object>
                </p>
		</div>
		</div>
		</div>	
			<div id="caja5">
				{$welcomeblock}
			</div>
<div id="container2">
		<div id="content">
		  </div>
			<div class="wrapper">
          	<div class="social1">
				<div align="center">
			<img src="images/JAMPS-White-Orange-By-XEDE/varios/seguinosjamps1.png" width="115" height="25" alt="JAMPS En las redes sociales" />
	<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FJAMPS.com.ar&amp;width=200&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21&amp;appId=130383843711949" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;"></iframe>
				<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
				<a href="http://twitter.com/JAMPSWEB" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Follow @JAMPSWEB</a>
				</div>
			</div>
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				{$awaitingusers}
				<navigation>
				<br />

Después vas a tu Global.CSS selecciona editar en modo avanzado y busca el código:


cabecera_recuadro1
tendria que estar en la linea 2332
Vas a ver esto:



.cabecera_recuadro1 {
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#303030',GradientType=0 );
	display: block;
	height: 104px;
	overflow: hidden;
	border-bottom: 1px solid #7abcff;
	background: #45484d;
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
	background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
	background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
	background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}

borralo y deja solo esto:



.cabecera_recuadro1 {
	width: 100%;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #7abcff;
	background: #000000;

Tiene que quedarte de esta forma:
[Imagen: vzqcBm7.png]
Después ajustas cualquier cosa los detalles, ya que es un logo bastante grande pero queda bien al menos en la prueba que hice

EDIT:
En el código que te pase para que reemplaces tu Header acordate de modificar el código de Facebook y Twitter
Gracias por la ayuda, ya lo deje todo ok
lo unico que no pude hacer andar es el contador de facebook!!!
Última modificación: 22 Sep, 2014, 7:41 am por renegado20.
  
Eloy   22 Sep, 2014, 7:45 am
#13
Por casualidad en la plantilla Headerinclude estas importando jquery 10?
Aprendiendo cada vez mas
  
renegado20   22 Sep, 2014, 9:08 pm
#14
(22 Sep, 2014, 7:45 am)Eloy escribió: Por casualidad en la plantilla Headerinclude estas importando jquery 10?

no ni idea que es eso  Huh
  
Eloy   23 Sep, 2014, 9:03 am
#15
AdminCp > Plantillas y estilos > plantillas > Index > HeaderIncluide 

Busca esta linea

import <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
Aprendiendo cada vez mas
  
renegado20   23 Sep, 2014, 9:52 pm
#16
(23 Sep, 2014, 9:03 am)Eloy escribió: AdminCp > Plantillas y estilos > plantillas > Index > HeaderIncluide 

Busca esta linea

import <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

asi no lo tengo mira

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>
{$stylesheets}
<script type="text/javascript">
<!--
	lang.unknown_error = "{$lang->unknown_error}";
	lang.select2_match = "{$lang->select2_match}";
	lang.select2_matches = "{$lang->select2_matches}";
	lang.select2_nomatches = "{$lang->select2_nomatches}";
	lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
	lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
	lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
	lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
	lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
	lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
	lang.select2_loadmore = "{$lang->select2_loadmore}";
	lang.select2_searching = "{$lang->select2_searching}";
	var cookieDomain = "{$mybb->settings['cookiedomain']}";
	var cookiePath = "{$mybb->settings['cookiepath']}";
	var cookiePrefix = "{$mybb->settings['cookieprefix']}";
	var deleteevent_confirm = "{$lang->deleteevent_confirm}";
	var removeattach_confirm = "{$lang->removeattach_confirm}";
	var loading_text = '{$lang->ajax_loading}';
	var saving_changes = '{$lang->saving_changes}';
	var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
	var my_post_key = "{$mybb->post_code}";
	var rootpath = "{$mybb->settings['bburl']}";
	var imagepath = "{$theme['imgdir']}";
  	var yes_confirm = "{$lang->yes}";
	var no_confirm = "{$lang->no}";
	var MyBBEditor = null;
	var spinner_image = "{$theme['imgdir']}/spinner.gif";
	var spinner = "<img src='" + spinner_image +"' alt='' />";
// -->
</script>
  
XEDE   24 Sep, 2014, 12:12 am
#17
Sobre el codigo de facebook, cuando lo generas en el link que te deje, que opcion usaste? recordá que te da varias yo en mi caso uso la opción <iframe> y con esa funciona bien, vos cargaste esa? que código usaste?

EDIT:

Ya vi que usaste el iframe, pero es un tema de facebook o de tu pagina tal vez los permisos si son públicos o algo por el estilo, ya que genere un código con  la url de tu pagina y lo puse en una de las web's de prueba que uso al lado del código por defecto que uso yo de mi pagina y el de tu pagina al dar like no funciona:

El cogido de mi pagina por defecto en el theme como ejemplo:

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FJAMPS.com.ar&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21&amp;appId=130383843711949" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;"></iframe>

El código de tu pagina:

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fgroupracingleague&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21&amp;appId=130383843711949" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>

El código normal que te da en developer tiene unas cosas mas que ante la duda las elimine para que sea idéntico al que funciona, y como veras en la imagen no anda, le das like y te revota por decirlo de alguna forma.
A la izquierda el código a tu pagina, y a la derecha a mi pagina, deje los 2 al mismo tiempo y como ves uno funciona y el otro no, por ende no es problema del theme ni el código, si no de la pagina de facebook por lógica o descarte:
[Imagen: 0hrS23G.png]

En resumen tendrías que ver la configuración de tu pagina, aunque es raro ya que el poder dar Like se supone o entiendo es algo publico, pero es mas que seguro es un tema de permisos, ya que si ves los botones de me gusta/like dentro de los temas en el foro los botones funcionan para dar like a una publicación general.
Última modificación: 24 Sep, 2014, 12:35 am por XEDE.
[Imagen: CCoBXgK.png]
[Imagen: TQqCgcO.png]
  
renegado20   28 Sep, 2014, 4:45 pm
#18
temas solucionados ok
gracias por la ayuda
  
Kevinex   28 Sep, 2014, 4:58 pm
#19
Como esta solucionado lo marco, cualquier cosa reporta.
www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
  
Páginas (2):    1 2
Tema anterior      Tema siguiente
  
 Contáctanos
 Equipo del foro
 MyBB-Es.com - Soporte para los Foros MyBB en Español
 Volver arriba
 Marcar foros como leídos
 Sindicación RSS
 Ayuda
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.