Colocar imagem em certo sítio

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar imagem em certo sítio

Mensagem por IsmaelS. em 10/10/15, 03:30 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá!

Gostava de colocar esta pequena imagem:
- http://i21.servimg.com/u/f21/16/43/60/45/mp-soc10.png

Mais ou menos aqui, onde está o quadrado a vermelho:


Basta porem +/- ali que depois posso mexer com a imagem eu próprio!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Sennior em 10/10/15, 03:35 pm

Sabe aquele código de ontem que usamos para colocar as redes sociais? Então, coloque ele lá para que possamos criar uma classe para essa nova imagem.

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 10/10/15, 03:44 pm

Sim aqui está já estive a alterar e tudo, só que queria colocar em todas as páginas se possível:
Código:
<style>#page-header .navbar ul.linklist.navlinks{z-index:1}#follow{position:absolute;top:250px;right:55px}</style>
<div id="follow">
       <a><img src="http://i21.servimg.com/u/f21/16/43/60/45/mp-soc10.png" /></a>
</div>

Onde posso colocar para tal?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Sennior em 10/10/15, 07:33 pm

Vamos lá?
JavaScript com investimento em todas as páginas, ou índice:
Código:
$(document).ready(function(){
   $(".inner").after('<style>#page-header.navbar ul.linklist.navlinks{z-index:1}.sennior{position: absolute;top: 22px;right: 55px;}</style><div class="sennior"><a><img src="http://i21.servimg.com/u/f21/16/43/60/45/mp-soc10.png" /></a></div>');
});

Deu certo?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 10/10/15, 07:37 pm

Resultou amigo, mas agora o efeito das redes sociais não funciona é como estive-se por cima dos ícones, tente amigo:
- http://master-publicitario.forumeiros.com/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Sennior em 10/10/15, 07:41 pm

Ué, eu pensei que o senhor não ia mais usar os ícones, já que eles não estavam aparecendo antes.
Qual o código dos ícones das redes sociais?
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 10/10/15, 07:43 pm

Amigo até foi você, que me colocu no meu overall_header:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        $('#fa_ticker_content').css('display','block');

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }


            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        $(document).ready(function() {
            Ticker.start({
              height : {switch_ticker.HEIGHT},
              spacing : {switch_ticker.SPACING},
              speed : {switch_ticker.SPEED},
              direction : '{switch_ticker.DIRECTION}',
              pause : {switch_ticker.STOP_TIME}
            });
        });
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <style type="text/css">
  #page-footer, div.navbar, div.navbar ul.linklist {
  display: block !important;
  }
  ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  display: inline !important;
  }

  <!-- BEGIN switch_ticker_new -->
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  <!-- END switch_ticker_new -->
  </style>
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
  <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
  <div class="content">
      <p>
        {hitskin_preview.L_THEME_SITE_PREVIEW}
        <br />
        <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>

  </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
  <div class="h3">{SITENAME}</div>
  {LOGIN_POPUP_MSG}
  <div id="login_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
        <input type="submit" class="button1" value="{L_LOGIN}" />
        <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
        <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
      </form>
  </div>
</div>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}

  <div id="page-header">
      <div class="headerbar">
        <div class="inner"><span class="corners-top"><span></span></span>

        <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
        </div>

        <span class="corners-bottom"><span></span></span></div>
      </div>

      <div class="navbar">
        <div class="inner"><span class="corners-top"><span></span></span>

        <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
        <li>{GENERATED_NAV_BAR}</li>
        </ul>

        <!-- BEGIN switch_search_box -->
        <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
              <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
              {JS_SESSION_ID_INPUT}
              <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
        </div>
        <!-- END switch_search_box -->

        <span class="corners-bottom"><span></span></span></div>
      </div>
<style>#page-header .navbar ul.linklist.navlinks{z-index:1}#redesociais{position:absolute;top:250px;right:55px}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><a href="LINK FACEBOOK" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/facebook-32.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/twitter-32.png" height="32" width="32"></a></div>
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                    <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                        <!-- BEGIN ticker_row -->
                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                        <!-- END ticker_row -->
                    </ul>
                  </div>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                          <!-- BEGIN ticker_row -->
                          <div>{switch_ticker.ticker_row.ELEMENT}</div>
                          <!-- END ticker_row -->
                        </div>
                    </div>
                  </div>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker -->
  </div>

  <div id="page-body">

  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
      <div id="outer-wrapper">
        <div id="wrapper">
            <div id="container">
              <div id="content">

                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                    {giefmod_index1.MODVAR}
                    <!-- BEGIN saut -->
                    <div style="height:{SPACE_ROW}px"></div>
                    <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>

                  <div id="main">
                    <div id="main-content">

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Sennior em 10/10/15, 07:55 pm

Descobri o erro.
O problema é que a imagem que estava hospedada no servidor foi retirada ou caiu.

Deixe eu fazer um teste, troque por este:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        $('#fa_ticker_content').css('display','block');

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }


            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        $(document).ready(function() {
            Ticker.start({
              height : {switch_ticker.HEIGHT},
              spacing : {switch_ticker.SPACING},
              speed : {switch_ticker.SPEED},
              direction : '{switch_ticker.DIRECTION}',
              pause : {switch_ticker.STOP_TIME}
            });
        });
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <style type="text/css">
  #page-footer, div.navbar, div.navbar ul.linklist {
  display: block !important;
  }
  ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  display: inline !important;
  }

  <!-- BEGIN switch_ticker_new -->
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  <!-- END switch_ticker_new -->
  </style>
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
  <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
  <div class="content">
      <p>
        {hitskin_preview.L_THEME_SITE_PREVIEW}
        <br />
        <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>

  </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
  <div class="h3">{SITENAME}</div>
  {LOGIN_POPUP_MSG}
  <div id="login_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
        <input type="submit" class="button1" value="{L_LOGIN}" />
        <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
        <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
      </form>
  </div>
</div>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}

  <div id="page-header">
      <div class="headerbar">
        <div class="inner"><span class="corners-top"><span></span></span>

        <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
        </div>

        <span class="corners-bottom"><span><style>.Facebook:hover{position:relative;top:-25px}
.Facebook {background: url(http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png) no-repeat 21% 0 transparent!important;border-radius: 25px;height: 25px!important;margin:-2px 3px 0!important;width: 25px!important;
}#page-header .navbar ul.linklist.navlinks{z-index:9999}#redesociais{position:absolute;top:250px;right:55px}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><div class="Facebook" href="LINK FACEBOOK" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/facebook-32.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/twitter-32.png" height="32" width="32"></a></div></span></span></div>
      </div>

      <div class="navbar">
        <div class="inner"><span class="corners-top"><span></span></span>

        <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
        <li>{GENERATED_NAV_BAR}</li>
        </ul>

        <!-- BEGIN switch_search_box -->
        <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
              <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
              {JS_SESSION_ID_INPUT}
              <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
        </div>
        <!-- END switch_search_box -->

        <span class="corners-bottom"><span></span></span></div>
      </div>


      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                    <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                        <!-- BEGIN ticker_row -->
                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                        <!-- END ticker_row -->
                    </ul>
                  </div>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                          <!-- BEGIN ticker_row -->
                          <div>{switch_ticker.ticker_row.ELEMENT}</div>
                          <!-- END ticker_row -->
                        </div>
                    </div>
                  </div>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker -->
  </div>

  <div id="page-body">

  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
      <div id="outer-wrapper">
        <div id="wrapper">
            <div id="container">
              <div id="content">

                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                    {giefmod_index1.MODVAR}
                    <!-- BEGIN saut -->
                    <div style="height:{SPACE_ROW}px"></div>
                    <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>

                  <div id="main">
                    <div id="main-content">

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 10/10/15, 07:57 pm


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Sennior em 10/10/15, 08:03 pm

Eita Rindo

Troque:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        $('#fa_ticker_content').css('display','block');

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }


            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        $(document).ready(function() {
            Ticker.start({
              height : {switch_ticker.HEIGHT},
              spacing : {switch_ticker.SPACING},
              speed : {switch_ticker.SPEED},
              direction : '{switch_ticker.DIRECTION}',
              pause : {switch_ticker.STOP_TIME}
            });
        });
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <style type="text/css">
  #page-footer, div.navbar, div.navbar ul.linklist {
  display: block !important;
  }
  ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  display: inline !important;
  }

  <!-- BEGIN switch_ticker_new -->
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  <!-- END switch_ticker_new -->
  </style>
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
  <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
  <div class="content">
      <p>
        {hitskin_preview.L_THEME_SITE_PREVIEW}
        <br />
        <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>

  </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
  <div class="h3">{SITENAME}</div>
  {LOGIN_POPUP_MSG}
  <div id="login_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
        <input type="submit" class="button1" value="{L_LOGIN}" />
        <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
        <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
      </form>
  </div>
</div>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}

  <div id="page-header">
      <div class="headerbar">
        <div class="inner"><span class="corners-top"><span></span></span>

        <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
        </div>

        <span class="corners-bottom"><span></span></span></div>
      </div>

      <div class="navbar">
        <div class="inner"><span class="corners-top"><span></span></span>

        <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
        <li>{GENERATED_NAV_BAR}</li>
        </ul>

        <!-- BEGIN switch_search_box -->
        <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
              <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
              {JS_SESSION_ID_INPUT}
              <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
        </div>
        <!-- END switch_search_box -->

        <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                    <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                        <!-- BEGIN ticker_row -->
                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                        <!-- END ticker_row -->
                    </ul>
                  </div>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                          <!-- BEGIN ticker_row -->
                          <div>{switch_ticker.ticker_row.ELEMENT}</div>
                          <!-- END ticker_row -->
                        </div>
                    </div>
                  </div>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker -->
  </div>

  <div id="page-body">

  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
      <div id="outer-wrapper">
        <div id="wrapper">
            <div id="container">
              <div id="content">

                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                    {giefmod_index1.MODVAR}
                    <!-- BEGIN saut -->
                    <div style="height:{SPACE_ROW}px"></div>
                    <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>

                  <div id="main">
                    <div id="main-content">

Vou criar por JavaScript. Pensativo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 10/10/15, 08:05 pm

Agora fugiram os ícones :o

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Sennior em 10/10/15, 08:14 pm

Sim sim! Eu os retirei.
O senhor pode me conceder teu CSS? E coloque este código JavaScript com investimento em todas as páginas:
Código:
$(function(){
 $(".sennior").after('<style>#redesociais {position: absolute!important;top: 10pc!important;right: 150px!important;z-index: 999999;}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><a href="LINK FACEBOOK" target="_blank"><img src="http://files.softicons.com/download/social-media-icons/volumetric-social-media-icons-by-softicons.com/png/32x32/facebook.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="http://files.softicons.com/download/social-media-icons/stucco-social-media-icons-by-bradley-siefert/png/32x32/stucco-twitter.png" height="32" width="32"></a></div>');
});

Não estou entendendo uns códigos duplicados que estão aparecendo. Louco
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 10/10/15, 08:19 pm

Coloquei o jS. e aqui está a .CSS:
- http://pastebin.com/H4Kd0kgj

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 12/10/15, 10:56 am

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 14/10/15, 10:49 am

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 16/10/15, 01:32 pm

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 17/10/15, 03:27 pm

Boa tarde @IsmaelS.

Fui em seu fórum e ele se encontra assim: http://prntscr.com/8sc6hs, me desculpe, mas eu creio que esteja exatamente como
o pedido inicial: http://i61.tinypic.com/b5gyud.png, o que falta?

Abraço MateusAnjos.
Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 17/10/15, 07:16 pm

Boa noite!

Veja amigo:
-http://master-publicitario.forumeiros.com/

Se reparar eles estão por cima da barra, e preferia que estive-sem por detrás da barra, percebeu? Deixo aqui o código .jS:
Código:
$(document).ready(function(){
  $(".inner").after('<style>#page-header.navbar ul.linklist.navlinks{z-index:1}.sennior{position: absolute;top: 22px;right: 55px;}</style><div class="sennior"><a><img src="http://i21.servimg.com/u/f21/16/43/60/45/mp-soc10.png" /></a></div>');
});

$(function(){
 $(".sennior").after('<style>#redesociais {position: absolute!important;top: 10pc!important;right: 100px!important;z-index: 999999;}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><a href="LINK FACEBOOK" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/facebook-128.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/twitter-128.png" height="32" width="32"></a></div>');
});

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Fraise em 18/10/15, 07:53 am

Olá!

Seria isto?
Código:
$(document).ready(function() {
  $(".inner").after('<style>#page-header.navbar ul.linklist.navlinks{z-index:1}.sennior{position: absolute;top: 22px;right: 55px; z-index: 9999}</style><div class="sennior"><a><img src="http://i21.servimg.com/u/f21/16/43/60/45/mp-soc10.png" /></a></div>');
});

$(function() {
    $(".sennior").after('<style>#redesociais {position: absolute!important;top: 10pc!important;right: 100px!important;z-index: 1;}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><a href="LINK FACEBOOK" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/facebook-128.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/twitter-128.png" height="32" width="32"></a></div>');
});

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 18/10/15, 12:26 pm

Boa tarde!

Infelizmente continua na mesma amigo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Shek em 19/10/15, 01:55 am

Simples... Apenas adicione em seu CSS:
Código:
#page-header .navbar ul.navlinks { z-index: 3 !important; }


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 19/10/15, 09:58 am

Bom dia!

Na verdade, isso é um tanto complicado. Ele quer que fique abaixo da barra, não acima, então, se botarmos a barra para cima facilmente, ela ira sobrepor e o efeito de subir ao passar o mouse se tornara nulo...
Bom, vamos lá? Primeiro, vamos corrigir esse javascript que está duplicado:
Código:
$(document).ready(function(){
  $(".inner").after('<div class="sennior"><a><img src="http://i21.servimg.com/u/f21/16/43/60/45/mp-soc10.png" /></a> <div id="redesociais"><a href="LINK FACEBOOK" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/facebook-128.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/twitter-128.png" height="32" width="32"></a></div></div>');
});

Acrescente em sua CSS:
Código:
#redesociais {position: absolute!important;top: 10pc!important;right: 100px!important;z-index: 999999;}#redesociais a:hover{position:relative;top:-25px}#page-header.navbar ul.linklist.navlinks{z-index:1}.sennior{position: absolute;top: 22px;right: 55px;}



Deixe ativo, ok? Ai posso finalizar os testes para ter exito, não podemos usar o absolute... (Claro, na forma que eu tentei)

avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 19/10/15, 12:51 pm

Boa tarde!

@MateusAnjosV, fiz tudo como pediu agora era colocar lado a lado e entretanto por baixo da barra.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 19/10/15, 02:57 pm

Vamos chegar lá, ok? Primeiro vamos arrumar esse double, não sei se notou, mas esta bem bugado.
Troque o javascript por esse:
Código:
$(document).ready(function(){
  $("#page-header .navbar").after('<div class="sennior"><a><img src="http://i21.servimg.com/u/f21/16/43/60/45/mp-soc10.png" /></a> <div id="redesociais"><a href="LINK FACEBOOK" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/facebook-128.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/twitter-128.png" height="32" width="32"></a></div></div>');
});
E o CSS:
Código:
#redesociais {position: relative!importantright: 100px!important;}#redesociais a:hover{position:relative;top:-25px}
Seta Sim, a intenção é ficar desarrumado do jeito que vai ficar, eu testei aqui, preciso que esteja assim para concluir o seu efeito sem anular o outro. ^^
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 19/10/15, 04:01 pm

Boa tarde!

@MatheusAnjosV, veja como ficou:
- http://master-publicitario.forumeiros.com/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 19/10/15, 04:19 pm

Entendo... troque o CSS:
Código:

#redesociais{right: -25px !important; top: -10px !important; position: relative !important;float: right !important} .sennior {position: relative; margin-top: -230px;right: -800px; width: 100px;} 
#redesociais a:hover{position:relative;top:-25px}
Obs: verifique a CSS toda e tire tudo relacionado a #redesociais ou .sennior
Espero que não esteja com pressa, isso vai demorar um pouco.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 19/10/15, 04:26 pm

Boa noite!

@MatheusAnjosV, apenas quero a funcionar direito e sem problemas por isso, só falta agora colocar atrás da barra Feliz

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Fraise em 19/10/15, 04:30 pm

Adicione mais este:
Código:
#page-header .navbar ul.navlinks { z-index: 100 !important; }

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 19/10/15, 04:32 pm

Boa noite!

@Fraise, o seu código resultou mas mexeu com a estrutura do fórum como tive-se puxado para cima, repare a caixa de buscar e os textos estão muito a cima.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Shek em 19/10/15, 09:10 pm

O que código que lhe tinha passado resolveria a situação.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 19/10/15, 09:20 pm

Boa noite!

@Shek, mesmo assim não resultou apenas ficou como o código do Fraise.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 21/10/15, 01:28 pm

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 21/10/15, 01:49 pm

Boa tarde amigo!!!

Acrescente em sua folha CSS:
Código:
#main-content {margin-top: 10% !important}

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 21/10/15, 02:09 pm

@MatheusAnjosV resultou ficou direito mas será possível agora por as redes sociais mais para cima? Para o efeito funcionar?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 21/10/15, 02:25 pm

Esse é o X da questão, se subi-las, não vão ficar atrás do menu e se ficarem atrás do menu o efeito não vai funcionar... Imagine:
EEEEE
Que atrás da palavra EEEE exista a palavra TTTTT, porém, como a EEEE se "destacou", mais conhecido como ter z-index, somente ela aparecera, mesmo que um resquício da outra apareça, o efeito se tornara nulo... Foi por isso que disse que seria complicado a alguns posts atrás, bom, eu vou continuar tentando aqui ^^
(Se achar, edito a mensagem e lhe notifico por MP)
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 21/10/15, 03:05 pm

@MatheusAnjosV se conseguir algo agradeço mesmo tente não demorar muito sei que não é fácil.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 21/10/15, 08:24 pm

Uma vez, um sábio me disse: "O impossível é só questão de opinião". Com um pouco de esforço, consegui o que queria. Pois bem, vamos lá?

Um novo javascript:
Código:
$(window).load(function(){

$("#page-header").after('<div class="sennior2"><div id="redesociais2"><a href="LINK FACEBOOK" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/facebook-128.png" height="32" width="32"></a><a href="LINK TWITTER" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/twitter-128.png" height="32" width="32"></a></div></div>');  


$('#redesociais2 img:eq(0)').mouseover(function(){
 $('#redesociais img:eq(0)').css('top', '-10px'); }).mouseleave(function(){
 $('#redesociais img:eq(0)').css('top', '0');
 });  $('#redesociais2 img:eq(1)').mouseover(function(){
 $('#redesociais img:eq(1)').css('top', '-10px');}).mouseleave(function(){
 $('#redesociais img:eq(1)').css('top', '0');
 });
});
E acrescente mais esse CSS:
Código:
#redesociais2{right: -25px !important; top: -38px !important;opacity: 0; z-index: 9999;position: relative !important;float: right !important} .sennior2 {position: relative; margin-top: -230px;right: -800px; width: 100px;}  
#redesociais img {position: relative !important;}

Enfim, finish? ^^
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 21/10/15, 08:45 pm

@MatheusAnjosV resultou amigo, mas mexeu com a estrutura do fórum veja que o topo simplesmente esticou, as informações como a Data também passou para cima amigo, e só mais uma coisa é possível colocar as redes sociais mais a vista um pouco?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 22/10/15, 09:29 am

É claro, mas vamos ao primeiro problema, ok?
Lembra aquele CSS que te forneci?
Código:
#main-content {
    margin-top: 10% !important;
}

Substitua por esse:
Código:
#main-content {
    margin-top: 35% !important;
}

E as redes sociais, quer quantos pixeis para cima e/ou para o lado?
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 22/10/15, 01:08 pm

Boa tarde!

@MatheusAnjosV está quase amigo se reparar a parte do topo ainda está esticada para cima, mas o problema do texto está resolvido. Enquanto as redes sociais, queria colocar os ícones mais para cima um pouco mostrar mais, percebeu?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 22/10/15, 01:21 pm

Ah... sim claro, no penúltimo CSS:
Código:
#redesociais2{right: -25px !important; top: -38px !important;opacity: 0; z-index: 9999;position: relative !important;float: right !important} .sennior2 {position: relative; margin-top: -230px;right: -800px; width: 100px;} 
#redesociais img {position: relative !important;}
Troque por esse:
Código:
#redesociais2{right: -25px !important; top: -48px !important;opacity: 0; z-index: 9999;position: relative !important;float: right !important} .sennior2 {position: relative; margin-top: -230px;right: -800px; width: 100px;} 
#redesociais img {position: relative !important;}
E no primeiro CSS que lhe passei na segunda página desse tópico:
Código:

#redesociais{right: -25px !important; top: -10px !important; position: relative !important;float: right !important} .sennior {position: relative; margin-top: -230px;right: -800px; width: 100px;} 
#redesociais a:hover{position:relative;top:-25px}
Substitua por esse:
Código:

#redesociais{right: -25px !important; top: -15px !important; position: relative !important;float: right !important} .sennior {position: relative; margin-top: -230px;right: -800px; width: 100px;} 
#redesociais a:hover{position:relative;top:-25px}

Nos códigos, procure, respectivamente por: top: -48px e top: -15px !important, você pode ir aumentando o 48 (mantenha o sinal de -) e o 15 também.

Por mim, para arrumar o "negócio" de esticar para cima, adicione mais esse CSS:
Código:
#page-header {height: 300px !important}

Bom, resolvemos? Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 22/10/15, 01:38 pm

@MatheusAnjosV está quase amigo veja que logo abaixo da caixa de Buscar ficou um espaço em branco:


Só falta mesmo isso ficar normal e está tudo arrumado Muito feliz

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por MateusAnjosV em 22/10/15, 01:47 pm

Heey!
Finalmente acabamos em? kkkk
Enfim, lembra desse:
Código:
#main-content {
    margin-top: 35% !important;
}
Substitua por esse:
Código:
#main-content {
    margin-top: 22% !important;
}
(Você pode alterar o número 22, quanto mais subir, mais vai descer e vice-versa)

Abraços, MateusAnjos.
Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por IsmaelS. em 22/10/15, 01:54 pm

E sim finalmente ficou resolvido muito obrigado pelo seu tempo amigo!! Resolvido e obrigado novamente!!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar imagem em certo sítio

Mensagem por Fraise em 22/10/15, 02:23 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum