Skocz do zawartości

Widgets własny kod

rmj

Przez rmj
w Wordpress

Rekomendowane odpowiedzi

rmj Newbie

rmj

Opublikowano
Opublikowano


Witam

Chcę umieścić tabelę piłkarska w widgets. Niestety tabela zawiera własne formatowanie ( czcionka, kolory itp) mam kod css niestety po umieszczeniu w panelu kodu zmienia mi czcionkę na całej stronie.


Chcę aby  tabela w widgets miała swoje formatowanie a reszta strony swoje


Proszę o pomoc dziękuję

 

Odnośnik do komentarza
Udostępnij na innych stronach
rmj Newbie

rmj

Opublikowano
  • Autor
Opublikowano 

<html>
<head>
<meta charset="utf-8">
<title>Untitled Page</title>



<style type="text/css">

body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Table3
{
   border: 0px #FFFFFF solid;
   background-color: transparent;
   background-image: none;
   border-collapse: collapse;
   border-spacing: 0px;
}
#Table3 td
{
   padding: 0px 0px 0px 0px;
}
#Table3 td div
{
   white-space: nowrap;
}
#Table3 .cell0
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 2px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #DDDDDD;
   border-right-color: #DDDDDD;
   border-bottom-color: #DDDDDD;
   border-left-color: #DDDDDD;
   text-align: left;
   vertical-align: top;
   font-family: Arial;
   font-size: 13px;
   line-height: 16px;
}
#Table3 .cell1
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 2px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #DDDDDD;
   border-right-color: #DDDDDD;
   border-bottom-color: #DDDDDD;
   border-left-color: #DDDDDD;
   text-align: left;
   vertical-align: top;
   font-family: "Titillium Web";
   font-size: 16px;
   line-height: 24px;
}
#Table3 .cell2
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #DCDCDC;
   border-right-color: #DCDCDC;
   border-bottom-color: #DCDCDC;
   border-left-color: #DCDCDC;
   text-align: left;
   vertical-align: top;
   font-family: "Titillium Web";
   font-size: 16px;
   line-height: 24px;
}
#Table3 .cell3
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #DDDDDD;
   border-right-color: #DDDDDD;
   border-bottom-color: #DDDDDD;
   border-left-color: #DDDDDD;
   text-align: left;
   vertical-align: top;
   font-family: "Titillium Web";
   font-size: 16px;
   line-height: 24px;
}
</style>
</head>
<body>

Za body tabela piłkarska

Odnośnik do komentarza
Udostępnij na innych stronach
ttah Rookie

ttah

Opublikowano
Opublikowano

Wszystkie style dla body w tym co wkleiłeś przenieś do #Table3. Usuń stylowanie body całkowicie i usuń wszystkie znaczniki html poza <style> właśnie. I to wklej w widżet.

Innymi słowy prawdopodobnie wklejasz w widżet tylko to: 

<style...>
...
</style>

<table id="Table3>
...
</table>

I nic więcej.

PS chociaż samo stylowanie tabeli powinno być przeniesione w <head> całego dokumentu. Bo takie <style> gdzieś w środku <body> całej strony (a tam się właśnie pojawi, gdy będzie wpisane w widżecie) jednak nie jest semantycznie poprawne.

Czyli reasumując, wszystko co w <style>...</style> przenosisz najlepiej do osobnego pliku css, który wczytujesz w <head> templatki Wordpressa. I już w samym widżecie wklejasz tylko kod html z tabelką.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności