Komputeromaniak.net - Forum Komputerowo-Webmasterskie: [Nieaktywny][WP]Zmiana wyglądu linków - Komputeromaniak.net - Forum Komputerowo-Webmasterskie

Skocz do zawartości




Strona 1 z 1
  • Nie możesz napisać tematu
  • Temat jest zamknięty

[Nieaktywny][WP]Zmiana wyglądu linków

#1
Usunięty/Gość_96th_*


  • Tytuł
  • Grupa Gość
Jak zmienić wygląd blog rolla? Gdzie jest CSS od tego? Mam to umieszczone przez widget w sidebardzie.
0

#2
batwing  


  • Tytuł Mastah
  • Grupa Przyjaciele forum
  • Postów 1573
  • Rejestracja 18 lipiec 2008
  • JID:batwing@jabberpl.org
  • GG:11168579
  • Płeć:Mężczyzna
  • Skąd:Łódź
  • OS:Ubuntu + KDE 4.2 / XP pro
plik style.css dla danej skórki powinien zawierać cuś takiego:
HTML
#blog .sidebar ul li.widget_links ul li a{
definicja stylu
}


Wiesz jak na to wpadłem? Zaznaczyłem kawałek blogrolla pod firefoksem, z menu kontekstowego wybrałem "pokaż źródło zaznaczenia" i zobaczyłem co następuje:
HTML
<li id="linkcat-6" class="widget widget_links"><h2 class="widgettitle">Inne</h2>

<ul class="xoxo blogroll">
<li><a href="http://glabek94.pdg.pl" rel="acquaintance colleague" title="Normalnie właśnie on!" target="_blank">Glabek</a></li>
<li><a href="http://www.jaclaw.info/" title="jaclaw, katalog stron www" target="_blank">katalog stron</a></li>
<li><a href="http://magik-fotki.ovh.org" rel="friend met" target="_blank">Kubowe fotki</a></li>
<li><a href="http://identi.ca/batwing" rel="me" target="_blank">Miniblog</a></li>
<li><a href="http://96th.co.uk/" rel="contact" target="_blank">sim_thomas96 Blog</a></li>
<li><a href="http://zebraevents.pl" rel="contact met" title="Jeśli Twoja firma/organizacja planuje spotkanie integracyjne lub imprezę szkoleniową, ale nie wie, jak się do tego zabrać, lub nie ma czasu na organizację, Zebra załatwi wszystko za Was" target="_blank">Zebra Events & PR</a></li>
</ul>
</li>

zwróciłem więc uwagę na pierwszą linijkę i wziąłem się za plik style.css - postanowiłem poszukać ciągu "widget_links". 30 sekund na znalezienie odpowiedzi - przecież to nie wykracza ponad twoje umiejętności, prawda? smile.gif

Oczywiście daj znać, czy działa
Jak wymyślę coś fajnego, to tu wstawię, a tymczasem TF2.
0

#3
Usunięty/Gość_96th_*


  • Tytuł
  • Grupa Gość
CODE

#sidebar {
background:#F7F7F7;
width:300px;
float:right;
font-size:95%;
line-height:145%;
overflow:hidden;
}
#sidebar li {
background:url(img/icons.gif) 0 -320px no-repeat;
padding-left:22px;
list-style:none;
margin-top:5px;
/*font-size:95%;*/
}
#sidebar .content,
#sidebar li {
font-size:12px;
}
#northsidebar .widget {
background:url(img/widgetsep.png) bottom no-repeat;
padding:10px 15px 19px;
}
#southsidebar .widget {
background:url(img/widgetsep.png) top no-repeat;
padding:15px 15px 17px;
}
#centersidebar {
padding:12px 15px 0;
}
#northsidebar,
#southsidebar {
font-size:95%;
}
#northsidebar .widget h2,
#southsidebar .widget h2 {
margin-bottom:10px;
}
#northsidebar .widget .content p,
#southsidebar .widget .content p {
margin-bottom:10px;
}
#westsidebar {
width:121px;
float:left;
padding-right:5px;
font-size:95%;
overflow:hidden;
}
#eastsidebar {
width:129px;
float:right;
font-size:95%;
overflow:hidden;
}
#westsidebar h3,
#eastsidebar h3 {
margin-bottom:5px;
}
#westsidebar .widget,
#eastsidebar .widget {
margin-bottom:15px;
}
#sidebar .widget_feeds {
padding:5px 15px 14px;
}
#sidebar #feedrss,
#sidebar #feedemail {
height:25px;
line-height:25px;
display:block;
padding:5px 5px 5px 36px;
float:left;
text-decoration:none;
}
#sidebar #feedrss {
background:url(img/feeds.gif) 5px 5px no-repeat;
}
#sidebar #feedemail {
background:url(img/feeds.gif) 5px -45px no-repeat;
margin-left:15px;
}
#subscribe ul {
display:none;
background:#F4F5F7;
border:1px solid #B7B7B7;
width:180px;
padding:5px;
}
#subscribe li {
list-style:none;
float:left;
margin:0;
padding:0;
display:block;
}
#subscribe li a span {
background:url(img/readers.gif) no-repeat;
height:20px;
width:80px;
display:block;
text-indent:-999em;
}
#subscribe li#google_reader a span {
background-position:0 0;
}
#subscribe li#youdao_reader a span {
background-position:0 -20px;
}
#subscribe li#xianguo_reader a span {
background-position:0 -40px;
}
#subscribe li#zhuaxia_reader a span {
background-position:0 -60px;
}
#subscribe li#yahoo_reader a span {
background-position:0 -80px;
}
#subscribe li#newsgator_reader a span {
background-position:0 -100px;
}
#subscribe li#bloglines_reader a span {
background-position:0 -120px;
}
#subscribe li#inezha_reader a span {
background-position:0 -140px;
}
#subscribe li a {
display:block;
padding:5px;
text-decoration:none;
width:80px;
font-size:12px;
}
#subscribe li a:hover {
background:#EEDDCC;
}
#tag_cloud a {
line-height:130%;
}


Nie ma tam nic na temat linków. Twojej metody próbówałem ale użyłem Firebuga, zaraz zobacze samo źródło.

KOD
<div id="linkcat-90" class="widget widget_links">


Nie ma takiej klasy tongue.gif Ani id tongue.gif Myśle że CSS jest gdzieś poza wp-content.
0

#4
batwing  


  • Tytuł Mastah
  • Grupa Przyjaciele forum
  • Postów 1573
  • Rejestracja 18 lipiec 2008
  • JID:batwing@jabberpl.org
  • GG:11168579
  • Płeć:Mężczyzna
  • Skąd:Łódź
  • OS:Ubuntu + KDE 4.2 / XP pro
Skoro tak, to przeszukaj katalog wordpressa pod tym kątem (choć wątpię, żebyś coś znalazł).

Może wrzuć kilka odnośników do blogrolla, to będzie można kombinować...
Zauważyłem, że w tej skórce wykorzystane są 4 paski boczne: górny, dolny, lewy i prawy (według tamtejszej nomenklatury: north, south, east i west), więc kod trzeba będzie stworzyć (myślę, że po prostu autor skórki zapomniał, albo celowo odpuścił, definiowanie stylu blogrolla) bez wskazania w którym z nich ma się ten łidżet znaleźć.

Jak pisałem - wrzuć kilka linków, to będzie łatwiej
Jak wymyślę coś fajnego, to tu wstawię, a tymczasem TF2.
0

#5
Usunięty/Gość_96th_*


  • Tytuł
  • Grupa Gość
Ok, potestuje.

EDIT: Nic nie znalazłem.
0

Udostępnij ten temat:


Strona 1 z 1
  • Nie możesz napisać tematu
  • Temat jest zamknięty

Użytkownicy przeglądający ten temat: 1
0 użytkowników, 1 gości, 0 anonimowych