Forum portalu Fan-Strefa.pl
Dla webmastera => Kodowanie => Wątek zaczęty przez: Yasmine w 16 Listopad 2010, 13:54:27
-
Mam prośbę! Jestem dopiero początkująca w tych całych HTMLach itp:.... Próbowałam znaleźć kod na twitter na nagłówku jak jest np.:. na ashleymgreene.org ale nie mogę. :( Czy ktoś mógłby mi pomóc :)
-
Do CSS:
.twit {
margin: 1px;
padding:2px;
font-family: arial;
font-size: 9px;
line-height: 10px;
color: #A091E2;
display: block; }
.twit li {
margin: 1px;
padding:2px;
font-family: arial;
font-size: 9px;
line-height: 10px;
background-color: #F7FEFF;
color: #A091E2;
display: block;}
.twit li:hover {
margin: 1px;
padding:2px;
font-family: arial;
font-size: 9px;
line-height: 10px;
background-color: #F4F6EF;
color: #6CBBCC;
display: block;}
a to w Body:
<ul id="twitter_update_list" class="twit" align="left"></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/TWOJADRESTWITTERA.json?callback=twitterCallback2&count=ILOSCWPISOWKTOREMAJASIEWYSWIETLIC"></script>
Daasz mi pluusa xD ?
-
dzięki wielkie. :*
-
aa no i tego plusa to się daje klikając na pomół(a) ?? :D
-
no tak tak, nie ma za co :)
-
Mam pytanie czy mógł by mi ktoś napisać kod jak zrobić na banerze np 4 ostatnie zdjęcia z galleri coperimne tak jak na http://www.ddlovato.pl/ :)
-
mógłby mi ktoś podać, jak wygląda kod na dymki wyświetlające się przy najechaniu kursorem? mam na mapie kilka odsyłaczy i chciałbym aby po najechaniu kursorem na dany obrazek pojawił się tekst typu "Galeria" itp.
-
mógłby mi ktoś podać, jak wygląda kod na dymki wyświetlające się przy najechaniu kursorem? mam na mapie kilka odsyłaczy i chciałbym aby po najechaniu kursorem na dany obrazek pojawił się tekst typu "Galeria" itp.
do headA:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />
<script type="text/javascript" src="ddimgtooltip.js">
/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
pliki do zapisania:
http://dynamicdrive.com/dynamicindex4/ddimgtooltip.js
http://dynamicdrive.com/dynamicindex4/ddimgtooltip.css
i w pliku powyżej, tym .js masz np:
tooltips[1]=["duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}]
czyli:
tooltips[1]=["linkdominiaturkiktoramozebycnadtekstemponajechaniu", "Podpis.", {background:"#kolortla", width:"szerokoscwpx"}]
Jak to wstawić do grafy?
<a href="http://cssdrive.com" rel="imgtip[2]"><img src="grafika na ktora jak sie najedzie to bedzie tekscik"border="0"></a>
kod z dynamicdrive.com
-
aha, dzięki Skye. czyli element z mapy muszę przekształcić w zwykły obrazek i wstawić go w divie i dopiero dopisać do niego odpowiednie parametry? ja myślałem że można od razu przy kodowaniu na mapie uwzględniając tylko zakres pola elementu i po przez wstawienie dodatkowego kodu. ale spoko dam sobie radę. + leci do Ciebie :)
-
czekaj ,ja taki miałam. gimme 1 second. zaraz wyedytuję jak znajdę
edit: mam cos takiego:
head:
<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;text-shadow:0px 0px 2px #6A284A;
border: 1px solid #6F2A4D;
padding: 2px;
color:#8A4066;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<div id="dhtmltooltip"></div>
<script type="text/javascript">
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip
</script>
wycinek z mapy:
<AREA SHAPE="rect" COORDS="574,8,629,32", HREF="http://retropoison.org/sitenet/" onMouseover="ddrivetip('Strona i internet po prostu','#713051', 130)"; onMouseout="hideddrivetip()">
-
no no i o to mi chodziło :) dzięx
-
Podał by mi ktoś kod na spadający śnieg na stronie i gdzie go dać? ;)
-
wstaw ten kod pomiędzy <head> ... </head>
<script type="text/javascript" src="http://swieta.dodatki.net/snow/5.js"></script>
-
Dzięx :D
-
wstaw ten kod pomiędzy <head> ... </head>
<script type="text/javascript" src="http://swieta.dodatki.net/snow/5.js"></script>
hmm nie działa mi :P wstawiam między <head></head> ale nic się nie dzieje. muszę ogarnąć ten HTML w końcu
-
a sproboj dć zaraz po <head> bo czasem coś go zagłusza
-
Zadziało gdy wstawiłem w body ;)
Ale szukam raczej czegoś takiego jak tutaj http://ewafarna.fan-strefa.pl/
pomożecie ? ;)
-
to chyba ten plugin, który chcę zainstalować - http://wordpress.org/extend/plugins/let-it-snow/
-
Dzięki Skye :-* plusik leci ;)
-
właśnie tez tego szukałam ale po zainstalowaniu nic nie ma ;//
-
właśnie tez tego szukałam ale po zainstalowaniu nic nie ma ;//
u mnie tez się nie pojawia śnieżek ;p
-
Dziwne, ja wrzuciłem i kliknąłem włącz i od razu leciał śnieg
-
bez sensu ;/
-
mam problem z pewną sekcją ...
otóż właśnie koduje sobie szablon i nie wyświetla mi się pewna sekcja pomimo, że korzystam z oryginalnego kodu
<?php get_header();?>
<?php get_sidebar(); ?>
<div id="container" style="position: absolute; top:674px;left:463px;width:655px; >
<img src="<?php bloginfo('stylesheet_directory'); ?>/wp-content/themes/KC/images/content-top.png" alt="logo" style="float: left;" />
<div id="left-div">
<!--Begind recent post-->
<?php if (have_posts()) : while (have_posts()) : the_post();
if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>
<div class="home-post-wrap">
<div class="date">
<div class="month"><?php the_time('M') ?></div>
<div style="clear: both;"></div>
<div class="day"><?php the_time('j') ?></div>
</div>
<div class="post-right">
<div class="featured-categories"><?php the_category('') ?></div><span class="author-link"><?php the_author_posts_link(); ?> </span>
<div style="clear: both;"></div>
<h2 class="titles"><a href="<?php the_permalink() ?>" title="Permanent Link to <?php the_title(); ?>"><?php the_title() ?></a></h2>
<div style="clear: both;"></div>
<?php the_content(); ?>
<?php wp_link_pages();?>
<?php edit_post_link('Edit','<p>','</p>');?>
</div>
<?php endwhile; ?>
<div style="clear: both;"></div>
<div style="margin-left: 150px; margin-top: 5px;">
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
else { ?>
<p class="pagination"><?php next_posts_link('« Previous Entries') ?> <?php previous_posts_link('Next Entries »') ?></p>
<?php } ?>
</div>
<?php endif; ?>
</div>
<img src="/wp-content/themes/KC/images/content-bottom.png" alt="logo" style="float: left;" />
dokładnie chodzi o tą część
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/content-top.png" alt="logo" style="float: left;" />
nie wyświetla mi się linia na górze postów
podobnie na samym dole zaraz po NEXT/PREV powiela mi się tło
Czy znajdzie się ktoś kto mi pomoże?
_______________________________
już sobie poradziłem ;D
-
Skye, możesz mi podać link do strony na której znajdę skrypt, który można wkleić do ramki w sidebarze gdzie tworzy on dwie lub trzy podstrony. akie coś jak Projekty / CD / Albumy - gdzie po kliknięciu w odpowiedni nagłówek wyświetla się treść ramki. Znalazłem coś takiego na dynamic drive
http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm
ale nie pasuje mi efekt zanikania po zjechaniu kursorem.
-
chodzi o to http://www.barelyfitz.com/projects/tabber/ ?:)
-
dokładnie, dzięki panda + dla Ciebie
-
dokładnie, dzięki panda + dla Ciebie
nie ma za co, niedawno dodałam to do zakładek jako przydatny link :d
-
potrzebny mi kod na obrazkowe kategorie ale nie zalinkowane.
pisałam do skye ale nie odpisała :P
mam w kodzie takie coś:
<?php if (function_exists('get_cat_icon')) get_cat_icon(); ?>
próbowałam stylem zmienić aby kategoria nie była w ramce ale nic nie działa.
-
O ile mi dobrze wiadomo to do tych obrazkowych kategorii jest plugin Category icons i wtedy wystarczy tylko przesłać przez ftp go i potem w worpdressie zrobić kategorie, ale nie wiem czy o to chodziło. Z resztą ja się nie znam więc wiesz xD
-
Jeśli używasz wtyczki Category Icons to aby mieć niezalinkowane obrazku użyj tego kodu:
<?php get_cat_icon('class=myicons&link=false'); ?>
Wystarczy tylko spojrzeć w pomoc.
-
jak zrobic posty czyli same tytuly jak tu
http://www.belindabrasil.com/
-
Wiesz co, wydaje mi się iż na stronie głównej w miejsce gdzie powinna wyświetlać się ramka z treścią WordPress'a zainstalowano wtyczkę z "Latest News". Dopiero po klinięciu w dany tytuł postu wyświetla się jego treść. Wychodzi na to, że w pliku index.php nie ma zakodowanego elementu odpowiadającego za treść i zastąpiono go "Latest News" za to dopiero w pliku single.php jest część "content". Bynajmniej ja tak myślę i chyba tak to najłatwiej rozumieć.
-
Wiesz co, wydaje mi się iż na stronie głównej w miejsce gdzie powinna wyświetlać się ramka z treścią WordPress'a zainstalowano wtyczkę z "Latest News". Dopiero po klinięciu w dany tytuł postu wyświetla się jego treść. Wychodzi na to, że w pliku index.php nie ma zakodowanego elementu odpowiadającego za treść i zastąpiono go "Latest News" za to dopiero w pliku single.php jest część "content". Bynajmniej ja tak myślę i chyba tak to najłatwiej rozumieć.
Chyba Twoje rozumowanie jest poprawne, bo szczerze tez bym tak to zrobiła, czyli jestem kolejną osobą myślącą w ten sposób, więc może coś w tym jest;)))
-
A no widzisz Skye, jednak coś już kumam z tego kodowania + pomoc FireBug'a :)
-
Jeśli używasz wtyczki Category Icons to aby mieć niezalinkowane obrazku użyj tego kodu:
<?php get_cat_icon('class=myicons&link=false'); ?>
Wystarczy tylko spojrzeć w pomoc.
Dzięki wielkie ;) + dla Ciebie
-
Nie wiedziałam gdzie to napisać, więc pisze to tu. Poszukuję kodu na poruszane się projekty (szczerze mówiąc nie wiedziałam jak to nazwać, więc żeby zrozumieć radzę wejść na stronę), tak jak są na Kristen-Stewart.pl
-
Nie wiedziałam gdzie to napisać, więc pisze to tu. Poszukuję kodu na poruszane się projekty (szczerze mówiąc nie wiedziałam jak to nazwać, więc żeby zrozumieć radzę wejść na stronę), tak jak są na Kristen-Stewart.pl
To chyba będzie to:
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
-
Nie wiedziałam gdzie to napisać, więc pisze to tu. Poszukuję kodu na poruszane się projekty (szczerze mówiąc nie wiedziałam jak to nazwać, więc żeby zrozumieć radzę wejść na stronę), tak jak są na Kristen-Stewart.pl
To chyba będzie to:
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
Dziękuję! Leci plusik :D
-
mam pytanie jaki wstawić kod do style.css żeby mogłam zmienić styl wp-pagenavi... bo jakoś nic mi nie wychodzi
-
A zmieniasz w css wtyczki ?
-
nie wiem ale chyba nie. to jak dodać styl do tego?
-
Musisz wejść we wtyczki >> edycja wtyczki (czy coś takiego) z listy wybierasz wtyczkę która cię interesuje i wybierasz plik z css wtyczki i tam już edytujesz jak theme :>
-
zmieniłam w ustawieniach w edycji ustawienia stylu wtyczki (wp-pagenavi/pagenavi-css.css) ale to nic nie dało dalej jest tak samo ;/
-
wez prawym najedz na element który chcesz zmienic i kliknij zbadaj element i wyskoczy ci którą klasę musisz edytować żeby coś tam się zmieniło :)
-
no i wyświetla "span.pages" tak jak szukam na internecie to powinno być okej. a u mnie zero efektów ;/ nie rozumiem tego.
-
paginate a:active << to musisz zmienić
-
nawet tego nie miałam więc już dodałam do stylu...
ale to nic nie dało ;/
ciągle to wygląda tak: (http://www.upload.fan-strefa.pl/?di=OK57)
-
daj mi adres i passy na pm to lookne
-
daj mi adres i passy na pm to lookne
plusik dla ciebie leci Evan za pomoc ;)
-
szukam kodu na ruchomy napis, chodzi mi dokładnie o coś takiego jak tutaj: http://teamhudgens.pl/ (http://teamhudgens.pl/) w ramce nadchodzące wydarzenia.
-
szukam kodu na ruchomy napis, chodzi mi dokładnie o coś takiego jak tutaj: http://teamhudgens.pl/ (http://teamhudgens.pl/) w ramce nadchodzące wydarzenia.
Tu znajdziesz info na ten temat http://www.kurshtml.edu.pl/html/animacja_marquee,multimedia.html
-
o PA_BLO dzięki wielkie! plusik leci!
-
Nie wiem jak to nazwać, ale poszukuje kodu, aby na nagłówku zdjęcia się zmieniały, taką jakby animacje.
-
Nie wiem jak to nazwać, ale poszukuje kodu, aby na nagłówku zdjęcia się zmieniały, taką jakby animacje.
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
-
Czy wie ktoś jak zrobić obrazki w newsach jak np. na http://vanessa-hudgens.pl/?
Chodzi o to że zdjęcia się wyświetlają w górnej części contentu
Nie wiem kompletnie gdzie mam juz tego szukać..
-
to chyba ikony wpisu są
-
Tak, to ikona wpisu. Nie wiem jak inni to robią ale ja Tworzę plik functions.php z kodem wywołującym ikonę wpisu, dodaje ten plik do motywu i później includuje ten plik w miejscu gdzie chce aby ta ikona się wyświetlała.
-
Okej, dziękuję :)
Myślę, że już dalej sobie poradzę jak wiem co za to odpowiada :D