ArtigosColocar imagem em certo sítio
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Colocar imagem em certo sítio
por IsmaelS. 10.10.15 19:30
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:
- https://i.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.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Sennior 10.10.15 19:35
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
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar imagem em certo sítio
por IsmaelS. 10.10.15 19:44
Sim aqui está já estive a alterar e tudo, só que queria colocar em todas as páginas se possível:
Onde posso colocar para tal?
- 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.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Sennior 10.10.15 23:33
Vamos lá?
JavaScript com investimento em todas as páginas, ou índice:
Deu certo?
Até mais.
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.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar imagem em certo sítio
por IsmaelS. 10.10.15 23:37
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/
- http://master-publicitario.forumeiros.com/
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Sennior 10.10.15 23:41
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?
Qual o código dos ícones das redes sociais?
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar imagem em certo sítio
por IsmaelS. 10.10.15 23:43
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://2img.net/i/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.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Sennior 10.10.15 23:55
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:
Até mais.
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://2img.net/i/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.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar imagem em certo sítio
por IsmaelS. 10.10.15 23:57
Veja como ficou amigo:
- http://master-publicitario.forumeiros.com/
- http://master-publicitario.forumeiros.com/
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Sennior 11.10.15 0:03
Eita 
Troque:
Vou criar por JavaScript.
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://2img.net/i/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.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Sennior 11.10.15 0:14
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:
Não estou entendendo uns códigos duplicados que estão aparecendo.
Até mais.
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.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar imagem em certo sítio
por IsmaelS. 11.10.15 0:19
Coloquei o jS. e aqui está a .CSS:
- http://pastebin.com/H4Kd0kgj
- http://pastebin.com/H4Kd0kgj
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 17.10.15 19:27
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: https://2img.net/h/oi61.tinypic.com/b5gyud.png, o que falta?
Abraço MateusAnjos.
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: https://2img.net/h/oi61.tinypic.com/b5gyud.png, o que falta?
Abraço MateusAnjos.
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 17.10.15 23:16
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:
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.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Fraise 18.10.15 10:53
Olá!
Seria isto?
Até mais.
Fraise
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
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'
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Colocar imagem em certo sítio
por IsmaelS. 18.10.15 15:26
Boa tarde!
Infelizmente continua na mesma amigo.
Infelizmente continua na mesma amigo.
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Shek 19.10.15 4:55
Simples... Apenas adicione em seu CSS:
- Código:
#page-header .navbar ul.navlinks { z-index: 3 !important; }
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 19.10.15 12:58
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:
Acrescente em sua CSS:
Deixe ativo, ok? Ai posso finalizar os testes para ter exito, não podemos usar o absolute... (Claro, na forma que eu tentei)
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)
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 19.10.15 15:51
Boa tarde!
@MateusAnjosV, fiz tudo como pediu agora era colocar lado a lado e entretanto por baixo da barra.
@MateusAnjosV, fiz tudo como pediu agora era colocar lado a lado e entretanto por baixo da barra.
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 19.10.15 17:57
Vamos chegar lá, ok? Primeiro vamos arrumar esse double, não sei se notou, mas esta bem bugado.
Troque o javascript por esse:
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. ^^
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>');
});
- Código:
#redesociais {position: relative!importantright: 100px!important;}#redesociais a:hover{position:relative;top:-25px}
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. ^^
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 19.10.15 19:19
Entendo... troque o CSS:
Espero que não esteja com pressa, isso vai demorar um pouco.
- 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}
Espero que não esteja com pressa, isso vai demorar um pouco.
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 19.10.15 19:26
Boa noite!
@MatheusAnjosV, apenas quero a funcionar direito e sem problemas por isso, só falta agora colocar atrás da barra
@MatheusAnjosV, apenas quero a funcionar direito e sem problemas por isso, só falta agora colocar atrás da barra
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Fraise 19.10.15 19:30
Adicione mais este:
Até mais.
Fraise
- Código:
#page-header .navbar ul.navlinks { z-index: 100 !important; }
Até mais.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Colocar imagem em certo sítio
por IsmaelS. 19.10.15 19:32
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.
@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.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Shek 20.10.15 0:10
O que código que lhe tinha passado resolveria a situação.
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969 -
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 21.10.15 16:49
Boa tarde amigo!!!
Acrescente em sua folha CSS:
Acrescente em sua folha CSS:
- Código:
#main-content {margin-top: 10% !important}
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 21.10.15 17:09
@MatheusAnjosV resultou ficou direito mas será possível agora por as redes sociais mais para cima? Para o efeito funcionar?
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 21.10.15 17:25
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:
(Se achar, edito a mensagem e lhe notifico por MP)
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 ^^EEEEE
(Se achar, edito a mensagem e lhe notifico por MP)
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 21.10.15 18:05
@MatheusAnjosV se conseguir algo agradeço mesmo tente não demorar muito sei que não é fácil.
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 21.10.15 23:24
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:
Enfim, finish? ^^
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');
});
});
- 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? ^^
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 21.10.15 23:45
@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.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 22.10.15 12:29
É claro, mas vamos ao primeiro problema, ok?
Lembra aquele CSS que te forneci?
Substitua por esse:
E as redes sociais, quer quantos pixeis para cima e/ou para o lado?
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?
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 22.10.15 16:08
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?
@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.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 22.10.15 16:21
Ah... sim claro, no penúltimo CSS:
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:
Bom, resolvemos?
- 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;}
- 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;}
- 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}
- 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?
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 22.10.15 16:38
@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
Só falta mesmo isso ficar normal e está tudo arrumado
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por MateusAnjosV 22.10.15 16:47
Heey!
Finalmente acabamos em? kkkk
Enfim, lembra desse:
Abraços, MateusAnjos.
Finalmente acabamos em? kkkk
Enfim, lembra desse:
- Código:
#main-content {
margin-top: 35% !important;
}
- Código:
#main-content {
margin-top: 22% !important;
}
Abraços, MateusAnjos.
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Colocar imagem em certo sítio
por IsmaelS. 22.10.15 16:54
E sim finalmente ficou resolvido muito obrigado pelo seu tempo amigo!! Resolvido e obrigado novamente!!
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Colocar imagem em certo sítio
por Fraise 22.10.15 17:23
 | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tópicos semelhantes» Colocar em certo sítio botão de reputação
» Imagem no tamanho certo
» Remover imagem de fundo de certo grupo.
» Como colocar certo
» Colocar o menu no lugar certo
» Imagem no tamanho certo
» Remover imagem de fundo de certo grupo.
» Como colocar certo
» Colocar o menu no lugar certo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos