Como Editar Theme

Páginas (2): 1 2

XEDE 21 Sep, 2014, 7:35 pm

#11

Reemplaza todo tu header por este codigo:

Código PHP:
<?php 

<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:

Código PHP:
<?php 

cabecera_recuadro1 

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

Código PHP:
<?php 

.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:

Código PHP:
<?php 

.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: http://i.imgur.com/CCoBXgK.png]
[Imagen: http://i.imgur.com/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:

Código PHP:
<?php 

<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:

Código PHP:
<?php 

cabecera_recuadro1 

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

Código PHP:
<?php 

.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:

Código PHP:
<?php 

.cabecera_recuadro1 {

    width: 100%;

    display: block;

    overflow: hidden;

    border-bottom: 1px solid #7abcff;

    background: #000000;

Tiene que quedarte de esta forma:
[Imagen: vzqcBm7.png]

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

Código:
<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:

Código PHP:
<?php 

<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:

Código PHP:
<?php 

<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: http://i.imgur.com/CCoBXgK.png]
[Imagen: http://i.imgur.com/TQqCgcO.png]