myGully.com

myGully.com (https://mygully.com/index.php)
-   Entwicklung & Programmierung (https://mygully.com/forumdisplay.php?f=72)
-   -   Brauche hilfe beim, bilder html an den rand zu positionieren! (https://mygully.com/showthread.php?t=2503486)

MonkeyPunch123 02.12.11 19:46

Brauche hilfe beim, bilder html an den rand zu positionieren!
 
MoinMoin an alle MyGullyaner :D:D,

undzwar habe ich folgendes problem... ich suche im internet nach so einem tool/html code, das man Twitter/Facebook etc. buttons an den rand einer page hinzufügen kann!

Beispiele:

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] dadrunter jetzt kein FB/Twitter button!

wäre echt cool wenn ihr mir weiter helfen könntet! Thx im vorraus :T
Lg MonkeyPunch
PS: mir gehts hauptsächlich um den FB/Twitter button || was auch cool wäre so ein tool und wenn man mit der maus drauf geht das sich so ein fenster öffnet!

Soundsphere 02.12.11 19:52

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] ist der fuer Twitter, und [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] der fuer Facebook.....

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

MonkeyPunch123 02.12.11 23:36

:D:D Toll wie man die Like Button's bekommt ist mir schon kla aber wie man die an den rand einer homepage bringt so weiste was ich meine... so wie in den beispiel bildern :D

Scherzkeks1979 03.12.11 00:47

wenn du dem <div> im css als beispiel

#community
{
width:60px;
height:200px;
background-image:url(images/bg.gif);
position:fixed;
right:0px;
top:50%;
margin-top:-100px;
}

gibst klebt dann am rechten seitenrand genau in der mitte

wenn du
left:0px;
statt
right:0px;

schreibst klebts am rechten browserrand!

hoffe ich konnte helfen...

MonkeyPunch123 04.12.11 02:38

Danke dir Scherzkeks1979,
aber mir hats nicht geholfen!
kannste mir nicht einen genaueren Begriff dazu sagen damit ich mal selber googlen kann?
also was müsste ich bei google eingeben damit ich auf so etwas stoße und damit mir die leute helfen können?

Thx im vorraus

Scherzkeks1979 04.12.11 05:36

pass auf ...
entweder du googlest nach position fixed css oder bilder html am rand positionieren
oder

du packst das bild folgendermassen:

im html schreibst du

<div id="twitter">
<a href="twitter.de">
<img src="bilder/twitter.jpg" /> (oder was auch immer dein bild ist)
</a>
</div>

im css schreibst du dann

#twitter
{
width: 30px; (oder so breit wies bild halt ist)
height: 100px (oder so hoch wie dein bild halt ist)
position: fixed; (das sorgt dafür dass es egal was du tust es da bleibt wo dus hin setzt)
left:0px; (dann klebts am linken rand, für rechts nimmst du right
top:300px (damit drückst dus von oben runter, für unten=bottom)
margin-top:-50px (damit ziehst du das bild um die hälfte seiner höhe wieder nach
oben, d.h. wenn du bei top keine px sondern zb 50% angibst dann ist der button
genau in der mitte der höhe des browserfensters)
}

es gibt auch nen bedanken button *lol*

p.s.: solltest noch fragen haben schreib mir ne pn ...

achja ...
schreib das erstmal in ne leere html datei und probiers aus nicht dass du irgendwas anderes falsch gemacht hast weswegen es nicht funzt ...

Prince 04.12.11 07:39

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Zitat:

3. Bitte versucht, Euren Themen eine Aussagekräftige Überschrift zu geben, damit anderen Usern sofort klar ist, um was es sich bei Eurem Thema handelt oder womit Ihr Probleme habt. Thementitel wie "Suche...", "Bitte helft mir!", "Ich habe ein Problem!", "Bitte unbedingt lesen!" oder "Was sagt ihr dazu?" sollten vermieden werden, und werden von den zuständigen Moderatoren gelöscht, sofern er nach Aufforderung nicht geändert wurde.
Bitte ändern!

Startbeitrag http://i.mygully.com/mygullynew/buttons/edit.gif --> Erweitert --> Titel ändern --> Änderungen speichern

MonkeyPunch123 04.12.11 12:33

Sorry Prince Porn,

habe es aber greade geändert :T

Scherzkeks1979, werde es gleich mal ausprobieren! Danke dir trotzdem schon mal! =)

ok Danke dir Scherzkeks1979,

es hat geklappt =)
eine frage habe ich aber noch weist du vielleicht wie der code davon ist das wenn man mit der maus drauf geht das sich ein fenster öffenet, also ich will es z.B. so haben=(z.B. ein bild da steht "bilder gallery drauf" und wenn man dann mit der maus drauf geht dann wird diesen bild einfach nur breicht also es dehnr sich und in dem bild was dann z.B. weiß ist ist dann die bilder gallery) <- das war aber jetzt nur ein beispiel :D willst warscheinlich bischen anders machen aber wenn ich den code hätte wäre es schon gut.

Lg Monkey

PS: "Bedanken Button würde so eben mit 2 mouse klicken missbraucht" :D:D

Prince 05.12.11 19:41

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Zitat:

5. In allen anderen Bereichen außerhalb der Börse sind Doppelposts erst nach dem Ablauf von 48 Stunden erlaubt, sofern auf das Thema keine Antwort gegeben wurde.

Ich glaube du solltest dir DRINGEND mal die Allgemeinen Forenregeln durchlesen damit nicht noch ein Verstoß kommt von dir.

Scherzkeks1979 05.12.11 22:10

ich weiss dass das funzt ... wenn nicht hätteste was falsch gemacht ... *g*

was du vorhast ist ne lightbox ... sowas macht man mit javas***** ...

danach lass ich dich aber googlen ...
denn mal kurz was aus der hand z schütteln und ne lightbox sind zwei paar schuhe ...

aber schreib mir mal ne pm wenn du nicht weiter weisst ...
vielleicht hast du auch nur den falschen denkansatz ...

schau mal hier ...
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Mr_Braun 06.12.11 19:56

Google mal einfach nach dem Begriff SIDEBAR + CSS, solltest dazu genug Input finden.


Alle Zeitangaben in WEZ +1. Es ist jetzt 19:36 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.