Adobe Illustrator to HTML script <<<<<<<<<<<<<<<<>>>>>>>>>>>>><
$10-30 USD
Κλειστή
Αναρτήθηκε πάνω από 9 χρόνια πριν
$10-30 USD
Πληρωμή κατά την παράδοση
I want to ensure you understand I need a script to run in Illustrator. The script will convert named layers to HTML and CSS of image (layer 1) and labels on top (layer 2). Please confirm.
I look forward to reviewing your Illustrator script
The script must run in AI, so uses AI javascript extensions API to toggle layers, get text content, dupe colors, etc
Let me clear this up. The script should be written in javascript and run from inside Illustrator. It will take the 2 layers of the AI file (image and text) and export a txt file of the html/css which will display the image then place the text/labels on top, per the example html page does this.
The AI file will have text placed in a layer. The script will calculate the position of each text element in relation to image and write appropriate CSS for top and bottom position.
Use <div> to do this..like example below
<div id='g-ai0-1' class='g-chart g-aiAbs' style='bottom:92.5133%;left:76.5423%;'>
<p class='g-aiPstyle0'>Strikes Reported</p>
<p class='g-aiPstyle0'>Each Day</p>
</div>
<div id='g-ai0-2' class='g-map-600 g-aiAbs' style='top:10.1481%;left:17.3125%;'>
<p class='g-aiPstyle1'>Area of</p>
<p class='g-aiPstyle1'>detail</p>
</div>
<div id='g-ai0-3' class='g-chart g-aiAbs' style='top:10.8400%;right:14.9598%;'>
<p class='g-aiPstyle2'>AugUST 8</p>
</div>
<div id='g-ai0-4' class='g-map-600 g-aiAbs' style='top:20.2962%;left:9.1246%;width:9.1686%;margin-left:-4.5843%;'>
<p class='g-aiPstyle3'>IRAQ</p>
</div>
<div id='g-ai0-5' class='g-map-600 g-aiAbs' style='top:21.4494%;left:13.6804%;'>
<p class='g-aiPstyle4'>Baghdad</p>
</div>
<div id='g-ai0-6' class='g-map g-aiAbs' style='top:38.7473%;left:60.1966%;width:32.0793%;margin-left:-16.0396%;'>
<p class='g-aiPstyle5'>KURDISH</p>
<p class='g-aiPstyle5'>AUTONOMOUS</p>
<p class='g-aiPstyle5'>REGION</p>
</div>
Developed scripts for CS5, CS6, CC, CC 2014. I have problems with the English language but there are no problems with JavaScript and Adobe Illustrator. I also create extension panel for Adobe Illustrator.
one question:
- that determines the div class name ('g-chart g-aiAbs' or 'g-map-600 g-aiAbs' or etc)
I'm a web designer from Eastern Europe.
I’m an Adobe Certified Associate.
I started building web sites five years ago when I decided to change my career path.
I have plenty of experience with leading web technologies.
My intent is to keep my customers highly satisfied.
I will always provide customers with high quality work to accomplish their expectations.
I know that communication is an important part of the design process in order to achieve great results.