Inserir informação no rodape

PedroPotela · Novembro 4, 2024, 2:42pm

Bom dia,

Preciso inserir algumas informações da matriz e da filial no rodapé.
Para ser mais preciso, ao lado das categorias, porem fiz o código abaixo e o mesmo joga as informações no final da pagina.
Alguém pode me ajudar com ele?

site:

<div class="matrizefilial">

<table border="0" width="100%">
	<tr>
		<td><span class="titulo cor-secundaria">
		<b>
		<font face="Arial" size="5" color="#FF0000">Matriz:</font></b></span>
		<p class="cor-secundaria"><font face="Arial">R. Floriano Pereira Neto, 340, Distrito</font></p>
		<p class="cor-secundaria"><font face="Arial">Industrial, Matozinhos (MG) - </font></p>
		<p class="cor-secundaria"><font face="Arial">CEP 35720-000</font></p>
		<p class="cor-secundaria"><font face="Arial">+55 (31) 3712-1952</font></p>
		
    	<span class="titulo cor-secundaria">
    	<p><b><font face="Arial" size="4" color="#FF0000">Horário de funcionamento:</font></b></p></span>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 07:00 as 11:40</font></p>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 13:00 as 17:00</font></p>
		<p>&nbsp;</td>
		
		
		
		<td><span class="titulo cor-secundaria">
		<b>
		<font face="Arial" size="5" color="#FF0000">Filial:</font></b></span>
		<p class="cor-secundaria"><font face="Arial">R. Agostinho Segundo Tirello, 44,</font></p>
		<p class="cor-secundaria"><font face="Arial">Aeroporto, Cachoeiro de Itapemirim (ES) - </font></p>
		<p class="cor-secundaria"><font face="Arial">CEP 29314-030</font></p>
		<p class="cor-secundaria"><font face="Arial">+55 (28) 3521-8810</font></p>

    	<span class="titulo cor-secundaria">
    	<p><b><font face="Arial" size="4" color="#FF0000">Horário de funcionamento:</font></b></p></span>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 07:00 as 11:40</font></p>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 13:00 as 17:00</font></p>
		<p>&nbsp;</td>
		
	</tr>
</table>

</div>

<script>
    $(function(){$(".matrizefilial").insertAfter(".span4 .links-rodape .links-rodape-categorias");})
</script>

JhonCy · Novembro 4, 2024, 8:08pm

Vc quer esse resultado?

JhonCy · Novembro 4, 2024, 8:24pm

Nesse exemplo usei esse seletor: (‘#rodape .conteiner .row-fluid’);

PedroPotela · Novembro 5, 2024, 12:45pm

Obrigado.
Fiz isso que mandou mais deu dois pequenos erros.
ele replicou umas 4 vezes os textos, porem mudei para “#rodape .conteiner .row-fluid .span9 .row-fluid” e corrigiu, porem as informações ficaram abaixo de onde deveria ficar.
Preciso que fique igual a imagem que mandou.
Sabe o que posso fazer?

tambem modifiquei um pouco o código por causa da borda que estava aparente.

<style>

.tabelaMF{
    width:auto;
}

.tabelaMF, tr, td{
    border:none;
}

</style>



<div class="matrizefilial">

<table class="tabelaMF">
	<tr>
		<td><span class="titulo cor-secundaria">
		<b><font size="5">Matriz:</font></b></span>
		<p class="cor-secundaria"><font face="Arial">R. Floriano Pereira Neto, 340, Distrito</font></p>
		<p class="cor-secundaria"><font face="Arial">Industrial, Matozinhos (MG) - </font></p>
		<p class="cor-secundaria"><font face="Arial">CEP 35720-000</font></p>
		<p class="cor-secundaria"><font face="Arial">+55 (31) 3712-1952</font></p>
		
    	<span class="titulo cor-secundaria">
    	<p><b><font size="4">Horário de funcionamento:</font></b></p></span>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 07:00 as 11:40</font></p>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 13:00 as 17:00</font></p>
		</td>
		
		
		
		<td><span class="titulo cor-secundaria">
		<b><font size="5">Filial:</font></b></span>
		<p class="cor-secundaria"><font face="Arial">R. Agostinho Segundo Tirello, 44,</font></p>
		<p class="cor-secundaria"><font face="Arial">Aeroporto, Cachoeiro de Itapemirim (ES) - </font></p>
		<p class="cor-secundaria"><font face="Arial">CEP 29314-030</font></p>
		<p class="cor-secundaria"><font face="Arial">+55 (28) 3521-8810</font></p>

    	<span class="titulo cor-secundaria">
    	<p><b><font size="4">Horário de funcionamento:</font></b></p></span>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 07:00 as 11:40</font></p>
		<p class="cor-secundaria"><font face="Arial">Seg a Sex: 13:00 as 17:00</font></p>
	    </td>
		
	</tr>
</table>

</div>

<script>
    $(function(){$(".matrizefilial").insertAfter("#rodape .conteiner .row-fluid .span9 .row-fluid");})
</script>

JhonCy · Novembro 5, 2024, 1:29pm

const htmlInfos = `
   <table border="0" width="auto" style="border-collapse: collapse;">
        <style>
          th, tr, td {
            border: none;
          }
        </style>
        <tbody>
          <tr>
            <td style="display: flex; flex-direction: column;">
              <span class="titulo ">
                <b>
                  <font style="color: #000;" face="Arial" size="5" color="#000000">Matriz:</font>
                </b>
              </span>
              <p ><font face="Arial">R. Floriano Pereira Neto, 340, Distrito</font></p>
              <p ><font face="Arial">Industrial, Matozinhos (MG) - </font></p>
              <p ><font face="Arial">CEP 35720-000</font></p>
              <p ><font face="Arial">+55 (31) 3712-1952</font></p>
      
              <span class="titulo ">
                <b><font style="color: #000;" face="Arial" size="4" color="#000000">Horário de funcionamento:</font></b>
              </span>
              <p ><font face="Arial">Seg a Sex: 07:00 as 11:40</font></p>
              <p ><font face="Arial">Seg a Sex: 13:00 as 17:00</font></p>
            </td>
      
            <td>
              <span class="titulo ">
                <b>
                  <font style="color: #000;" face="Arial" size="5" color="#000000">Filial:</font>
                </b>
              </span>
              <p ><font face="Arial">R. Agostinho Segundo Tirello, 44,</font></p>
              <p ><font face="Arial">Aeroporto, Cachoeiro de Itapemirim (ES) - </font></p>
              <p ><font face="Arial">CEP 29314-030</font></p>
              <p ><font face="Arial">+55 (28) 3521-8810</font></p>
      
              <span class="titulo ">
                <b><font style="color: #000;" face="Arial" size="4" color="#000000">Horário de funcionamento:</font></b>
              </span>
              <p ><font face="Arial">Seg a Sex: 07:00 as 11:40</font></p>
              <p ><font face="Arial">Seg a Sex: 13:00 as 17:00</font></p>
            </td>
          </tr>
        </tbody>
      </table>
`;

const getElement = document.querySelector('#rodape .conteiner .row-fluid');
const createElemtnt = document.createElement('div');
createElemtnt.setAttribute('id', 'matrizefilial')
createElemtnt.innerHTML = htmlInfos;
getElement.appendChild(createElemtnt);

PedroPotela · Novembro 5, 2024, 1:39pm

brigadão
top, coloco como html mesmo ne?

PedroPotela · Novembro 5, 2024, 1:46pm

coloquei como javascript.
porem ficou da mesma forma, abaixo.

JhonCy · Novembro 5, 2024, 1:49pm

#rodape .conteiner .row-fluid{
    display: flex !important;
}

PedroPotela · Novembro 5, 2024, 2:10pm

show. muito obrigado mesmo. deu certo

Tópico		Respostas	Visualizações
AAAJJJUUUDDAAAA Mudança cor rodapé com CSS Layout	12	6054	13 de Janeiro de 2022
Ajuda com Layout Layout	5	353	25 de Março de 2022
Como alinhar essas informações no rodapé Layout	5	438	3 de Agosto de 2021
Alterar cor de texto do rodapé da Loja Integrada Layout	6	4430	13 de Janeiro de 2022
Rodapé - alinhar informação dos dados da loja Layout	6	580	30 de Dezembro de 2021

Inserir informação no rodape

Tópicos relacionados