Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Pedro Gomes
@pedrouid
I got it
Gaston Kirsman
@gastikirs
Guys, how can i reduce the width of the search box and make it still in the center?
Because i dont know why if i set the width to X px, it goes to the left.
kirbyedy
@kirbyedy
@gastikirs did you try with: width: 80%; for example
Gaston Kirsman
@gastikirs
@kirbyedy Yes. it also goes to the left
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@gastikirs Try it with this:
  float: none;
  margin: 0 auto;
Gaston Kirsman
@gastikirs
@Otto-AA Genious!! that worked.
@Otto-AA Can you explain me why?
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@gastikirs and display:block if you want it in an own row
Gaston Kirsman
@gastikirs
@Otto-AA Ty, got it :)
CamperBot
@camperbot
gastikirs sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 324 | @otto-aa |http://www.freecodecamp.com/otto-aa
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@gastikirs I guess the default bootstrap input has float: left which causes it to move to the left. And margin: 0 auto will center it :)
Gaston Kirsman
@gastikirs
@Otto-AA Ty mate. Its being a little hard for me the css stuff haha
CamperBot
@camperbot
gastikirs sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:warning: gastikirs already gave otto-aa points
Ramesh
@rnallu
Guys, i'm newbie. Can you please tell me how to get the data from this api. Refer this Link for more details: http://forismatic.com/en/api/
Miczysko
@Miczysko
@rnallu $.getJSON('api.forismatic.com/api/1.0/?method=getQuote&key=457653&format=json&lang=en', function(){})
refer to this thread
https://www.reddit.com/r/FreeCodeCamp/comments/4b1fox/free_api_for_random_quote_machine/
Shawn Kemp
@official-shawnkemp
may i ask something u guys? is it ok that im going to host my os as linux and ill pursue the front-end dev?
Aditi Roy
@AlluringAditi
Hey guys I want to know how can I add a small line in my html code,
to be more specific: So there is quote and below it is the name of the person who wrote than quote and I want to add a small continuous line in front of that persons name how can I do that.
Parvinder Kumar
@parvinder09
Hi Campers Need your some help, I just started making TicTacToe and facing some issue.
Here is my codepen http://codepen.io/parvinder09/pen/LRogZE
I tried to change classes using addClass in jquery but using new class name , click function is not working.
After clicking on 'O' page should show blank page as per now as I set the text of divs to null.
Note: As of now only Two Player and 'O' is clickable .
Shawn Kemp
@official-shawnkemp
may i ask whats your preferable OS by performing front end?
Ramesh
@rnallu
@DevD01 Have you tried <hr>
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@parvinder09 maybe try something like $('yourSelector').addClass("theClass");?
Aditi Roy
@AlluringAditi
@rnallu <hr> is for a complete line I don't want a full single line
I need a short bold line placed in front of the name
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 what about a div with border-bottom? You can set the div to the specific width
@Otto-AA or just add a border to your quote/author
Ramesh
@rnallu
@DevD01 use css properties to modify as you like
Aditi Roy
@AlluringAditi

@Otto-AA Okay See this:

<blockquote>"Live as if you were to die tomorrow; learn as if you were to live forever." <br/>
Mohandas karamchand Gandhi</blockquote> now I want a line in front of 'Mohandas Karamchand Gandhi' how will I do that?

Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 Can you link it?
Mark
@vinarius

I'm attempting to loop through 3 different photos in #space_1_HeroSection_2 but I can't quite figure out the syntax. Any ideas? :)

http://codepen.io/vinarius/pen/XjELAK

Aditi Roy
@AlluringAditi
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@vinarius what about the good old for-loop? for (var i = 0; i < heroImages.length; i++)
Parvinder Kumar
@parvinder09
@Otto-AA I did but not able to use new class with click function
Mark
@vinarius

I have the counting down in function fadeDivs() {
i = i < images.length ? i : 0;
$('#space_1_HeroSection_2').fadeOut(500, function(){
$(this).attr('background-image:url'), images[i].fadeIn(500);
})
i++;
}

I just don't know if .attr is what i'm looking for

Gaston Kirsman
@gastikirs
Guys, what do you think about the front end of my wikipedia pen?
Any suggestion?
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 Try this:
<span class="author">
  Mohandas karamchand Gandhi</span>
_____

.author {
  border-top: 1px solid black;
}
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@vinarius I don't think that you can fadeIn background-pictures like this (see there for more info http://stackoverflow.com/questions/4997493/set-opacity-of-background-image-without-affecting-child-elements)
And I think the attr should be like that: $(this).attr('background-image', 'url("'+yourLinkVar+'"'));
Aditi Roy
@AlluringAditi
@Otto-AA Not working, I mean not doing what Exactly I want, Please see this image:
http://www.mixpixx.com/wp-content/uploads/2015/05/An-ounce-of-practice-is-worth-more-Mahatma-gandhi-quotes.jpg
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 Oh, that before O.o
Aditi Roy
@AlluringAditi
@Otto-AA Yeah
@Otto-AA I'm also unable to figure how can I shift the name at the end of the quote, I mean if you see here http://codepen.io/DDeveloper/full/LRoXNx/ the name just below the starting of the quote and I want it to be shifted towards the end of the quote.
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 you can take a look there for the line: http://www.webmaster-source.com/2012/04/24/pure-css-blockquote-styling/

@DevD01 Got it now :)
HTML

<blockquote>"Live as if you were to die tomorrow; learn as if you were to live forever."<cite>Mohandas karamchand Gandhi</cite></blockquote>

CSS

blockquote {
  display: inline-block;
}
blockquote cite {
  text-align: right;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}
@Otto-AA Try to understand it so you really learn something :P